Email content, styling, and personalization
Last updated
Was this helpful?
Last updated
Was this helpful?
When creating an email from scratch, or editing a prebuilt template, there are lots of parts that can be added, removed, or edited.
You must include a subject line when building your email.
The subject line is arguably the most important part of your email. It needs to grab the attention of the recipient in a potentially crowded inbox, and encourage them to open your email, so make sure the phrase or sentence you use is enticing, honest, and gives them an idea of the content or purpose of your email.
You can enter a subject line by selecting subject line text field at the top of your email editor and entering your copy. You can include emojis and variables too.
Preview text is an optional but highly recommended element of your email, displayed by most email clients just next to the subject line. If you do not specify a preview text, email clients typically default to showing the first line of your email content, which may not be the most engaging or informative snippet. By adding customized preview text, you can provide additional context to your subject line, further enticing the recipient to open your email. You will find the preview text field located just below the subject line field in your email editor.
In the email editor, content elements are blank, customisable sections that you can drag-and-drop into your email.
Content blocks make it easy to create beautiful emails without needing to use any code.
Let's take a look at the content elements you can use:
To create visually appealing and well-structured emails, you can use various layout elements such as full width, two columns, and three columns.
Full Width: Utilize the full width layout to span content across the entire width of the email. This is ideal for showcasing large images or highlighting important announcements.
Two Columns: The two-column layout is perfect for dividing content into two equal sections. You can use this layout to compare features, display side-by-side images, or present paired information clearly.
Three Columns: For more complex designs, the three-column layout offers a balanced way to present multiple pieces of content simultaneously. This can be useful for categorizing products, listing benefits, or organizing detailed information efficiently.
You can also experiment with other layout elements such as a Four Columns layout for showcasing multiple items, or a Two Columns (Custom Widths) layout to give different percentages of space to the left and right columns. These variations can help you create more interesting and brand-specific emails.
To add these layout elements to your email, drag the desired layout element from the editor's sidebar into your email design. Once added, you can populate the columns with text, images, or other elements.
Prebuilt blocks are predesigned sections that you can drag-and-drop into your email, simplifying the creation process.
They come ready-made with text, images, buttons, and other customizable content elements.
Let's take a look at the prebuilt blocks you can use:
You can save any content block in your email as a reusable block.
Reusable blocks are a great way to maintain style and branding consistency over multiple emails. By saving a styled block as a reusable block, you and your team can use it again in future emails.
To save a content block as a usable block, follow these steps:
Hover over the block to bring up the block menu.
Click the star icon (⭐), which you'll find next to the 'delete' and 'duplicate' icons. This will save the block as a reusable block.
To find and use a saved reusable block, follow these steps:
From the email builder panel on the right-hand side of your screen, under 'Blocks' > 'Your blocks', find the reusable block you want to add to your email.
Drag and drop the block into your email.
Any changes you make to a reusable block will not be made globally. To save your changes, you'll need to save the edited block as a new reusable block.
Elements can be deleted by selecting an element and clicking the delete icon.
Elements can be duplicated by selecting an element and clicking the duplicate icon.
Elements can be moved by clicking the element and dragging and dropping it within your design.
Some elements can be saved as reusable blocks by selecting an element and clicking the star icon.
When you add predefined variables into your messages, they are dynamically replaced with the corresponding values at the moment the message is dispatched. This functionality ensures that your messages are both personalized and accurate, reflecting the latest data or configuration each time.
To add a predefined variable, click the { }
icon in any text field, open the variable picker, and select from the organized list of variables.
Currently, we support the following predefined variables, under this sections:
Use custom variables to personalize your email with details that may not be available through predefined variables. They can be quite useful for transactional emails, things like:
Order Tracking Number
Support Ticket ID
To add a custom variable to a text block:
Click on the "Variables" section of the email editor
Create a new variable and give it any name.
In the content section, in text element you can add the variable by:
Selecting {} icon on the text editor for Add variables and select Custom variables. You can then select the name of the variable from the dropdown and add a default value
Typing {{variable_name}} where variable_name is the name given by you when creating the variable. Additionally, you can include variables in the subject line by typing {{variable_name}}
After saving the email, you can then use it in a campaign or a journey
When you add this email in the campaign or journey, you will automatically see a template variables section under the email preview. Here, you can select any of the values to map it with. These values can be contact attributes, event properties, or additional data uploaded.
You can also give a default value for each of the variable. Once done, you can save and publish.
Global styling helps your emails to stay visually consistent. It establishes rules for formatting, colors, fonts, and other design aspects.
Let's take a look at what global styling settings are available:
Before using discount variables, make sure you have generated a discount code.
Predefined variables are powered by our Liquid templating engine, for more information on this, please read the section.
In the email editor, custom variables are placeholders that dynamically populate with the relevant information when an email is sent. Unlike , Custom Cariables need to be manually assigned to specific data before sending the email, as they are not linked to any preset customer attribute or data