This repository contains a collection of HTML and CSS templates for building in-app messages on Iterable. These templates are designed to help you create visually appealing and engaging in-app messages to communicate with your app users effectively.
To use these templates, follow the steps below:
-
Clone the repository to your local machine or download the ZIP file.
git clone https://github.com/bvahe/IterableTemplates.git
-
Navigate to the templates directory within the repository.
-
Choose the desired template from the available options. Each template is contained in its own directory.
-
Open the template's HTML file in your preferred text editor.
-
Customize the content and styling of the template to fit your specific requirements. You can modify the text, colors, images, and layout as needed.
-
Copy the modified HTML and CSS code from the template file.
-
Log in to your Iterable account and navigate to the in-app message creation section.
-
Create a new in-app message and select the custom HTML option.
-
Paste the copied HTML and CSS code into the appropriate sections of the Iterable in-app message editor.
-
Preview the in-app message to ensure it appears as expected.
-
Configure additional settings such as targeting, triggers, and delivery options according to your campaign requirements.
If you would like to contribute to this repository, you can do so by following these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Make your changes and ensure that the templates still work correctly.
- Commit your changes and push them to your forked repository.
- Submit a pull request to the main repository, describing your changes and their purpose.
This repository is licensed under the MIT License. Feel free to use the templates, modify them, and integrate them into your Iterable campaigns as needed. However, please note that the templates are provided as-is, and the authors do not provide any warranty or support for their usage.
We would like to acknowledge the following resources that inspired or helped in the creation of these templates:
Please refer to these resources for more information on working with Iterable and HTML/CSS development.