Email content, styling, and personalization

When creating an email from scratch, or editing a prebuilt template, there are lots of parts that can be added, removed, or edited.

In this article:

Subject line

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.

Custom content blocks

In the email editor, content blocks are blank, customizable 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 blocks you can use:

Text block

With a text block, you can:

Add text to your email.
Customize text font.
Customize text color.
Personalize your text with variables.

Image block

With an image block, you can:

Upload images to your email.
Add alt text.
Hyperlink your images.
Adjust image dimensions.

Button block

With an image block, you can:

Add inteactive elements and CTAs to your email.
Customize button font.
Customize button size and padding.
Hyperlink your buttons.

HTML code

With an HTML code block, you can:

Add custom HTML code to your email.
Customize your email with advanced design elements or specific formatting that isn't available with our default content blocks.

Divider block

With a divider block, you can:

Visually separate sections in your email with a customizable horizontal line.

Spacer block

With an spacer block, you can:

Visually separate sections in your email with negative space for improved readability.
Use the default spacer height of 20, or adjust it to a new height.

Variables

In the email editor, variables are placeholders that dynamically populate with the relevant information when an email is sent.

Use variables to personalize your email with details about your customers, such as:

First name
Location
Date

To add a variable to a text block, click on the { } icon either in the top bar of the text block, or start typing {{variable}} to open the variable selector. You can also type this to add variables to the subject line.

Once the variable selector has opened, you can search through existing variables, or create one manually.

Prebuilt blocks

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 elements.

Let's take a look at the prebuilt blocks you can use:

Hero

The hero block is designed to grab the email recipient's attention. It's typically used for drawing attention to a key message or offer.

Image + image

This block allows you to display two images side by side within the email. It's useful for showcasing two products, services, or images that complement each other.

Image + text

This block allows you to display a single image with accompanying text.

Gallery

This block allows you to display multiple images in a single group.

Reusable blocks

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.

Reusable blocks can be edited once you've dragged and dropped them 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.

Global styling

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:

Global background color

Set a consistent background color for your emails.

Global content body

Set a default text style, font, font size, and color for the main body content of your emails.

Global links

Set default styles for hyperlinks, including colors, underlining, and hover effects.

Global buttons

Set a default styles for buttons, including style, color, size, and behavior.

Managing content blocks

Modules can be deleted by selecting a module and clicking the delete icon.
Modules can be duplicated by selecting a module and clicking the duplicate icon.
Modules can be renamed by selecting a module and clicking the pencil edit icon.
Modules can be moved by clicking the module and dragging and dropping it within your design.
Modules can be saved as a custom module by selecting a module and clicking Add module to library.
Modules in the library can be hidden or revealed as required by using the Show/Hide library modules function within the Add modules section.

Last updated 14 days ago