Themes
Enveloop allows you to create template themes to assist in managing the colors/branding that is used in templates. Plus, this adds some fun dynamic properties as well!
Last updated
Enveloop allows you to create template themes to assist in managing the colors/branding that is used in templates. Plus, this adds some fun dynamic properties as well!
Last updated
Enveloop Themes allow you to create and mange the usage of colors across the message templates that you host on Enveloop. Themes extend the design capabilities of Enveloop templates in two powerful ways:
Centralizing use of colors. You can now manage all colors on your template from one location and quickly update multiple templates when design adjustments are needed.
Dynamic branding from a single template. When a theme is created, variables are assigned to colors, allowing you to send real-time values, via the Enveloop API, each time you send a message.
We'll share additional details on both below.
When you open a email template, the themes area is located at the top of the Template Settings panel -- depending on if you have an existing theme or not, you may see colors for a template or colors for a theme.
If you create a blank email template, Enveloop will include basic colors (background, text, etc.) in the template. So, even a blank template is has some basic colors available. Therefore, in Template Settings, you'll notice colors located in your Template colors.
Select the colors (or the plus-sign icon) and you'll see New Theme, with the colors assigned to variable names. You can add, edit, or remove the existing colors as needed. Select Create Theme and you now have a theme assigned to your new email template.
Each color in a theme, as you see here, will need to have a name. This serves as an easy method to reference what the color is used for (hyperlinks, text background, etc.), but it can also serve as reference to that color and color usage via the Enveloop API. We'll talk more about that later in this document.
Now that your theme is created, you can easily add additional colors by clicking the plus button. It will insert a new row with a color selector and an available name.
To remove a color, choose the trash can icon and click Save Changes.
If you have existing templates inside Enveloop, we make it easy to get started by auto-detecting all the colors you currently use in a template and attaching them to a theme art board. From here, you can click Create Theme and your colors will be added to a theme for the template.
We'll attempt to provide a variable name for each color, based on how it is used in your template. Before creating the theme, you will need to provide each color with a unique name.
Now that you have a theme for your template, when you set colors for various items in your template (text, sections, images, etc.), template colors will be available in the color picker for the object you are editing.
Now that you have a theme color applied, whenever you update your template theme, all the elements that use that theme color will be updated with the new color.
As you noticed in the previous sections, all the colors in a theme have a name assigned to them. This name, while useful when assigning colors to sections and elements, is also, a variable name that is now accessible when you are using the Enveloop API.
The immediate benefit is that, via these variables and the API, you now have real-time control over the branding of an email template during the sending action. You can pass, for example, logo and color information via the sending API call and use a single template to accomplish a task while matching the look/feel of all your customers.
Additional information about how to use your color variables in an API call is located in the Enveloop API Docs.
Once you have created a theme you like, you can easily implement it across multiple templates. In both the Template Config options and on the actual theme, Enveloop gives you an option to copy the theme.
Once copied, you can navigate to a different template and a floating button, located in the bottom of your browser window, allows you to click and paste the theme into your new template. After applying the the theme, select the Save Changes button to save the updated theme in your email template.
Note: Pasting in a theme in is non-destructive. So, you may have to clear out unneeded color artifacts after applying a theme.
