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 "Custom Variables" button in the top navigation bar. After creating your variable, click on the { } icon in any text input to display the variable picker, then choose your variable under "Custom Variables." You can manage these variables at any time. Additionally, you can include variables in the subject line.
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
