Formatting text

Once you have written content in your email, you can apply styles by highlighting the text.

This will bring up a formatting toolbar with options that give you a lot of control over your written content.

You can choose between different headings, style text bold, italic, underline as well as add links. You can also change text size and color.

Text can also be easily changed into lists, quotes and inline code blocks.

Adding elements

Emails can be more than just text. You can add the following elements to your emails:

  • images
  • buttons
  • dividers
  • social icons

You can add elements by typing / in the editor.

If you continue typing, you can narrow down the selections. You can use your arrow keys to select items and pressing Enter will confirm your selection.

You can alternatively add elements from the toolbar above the editor, or by hovering over an existing element in your email and clicking the + plus icon on the left.

Images

As well as adding from the toolbar or the + icon, you can drag or paste images into the editor.

Add a link to an image by selecting the element and then clicking the link icon in the toolbar.

Dynamic images

Uploaded images can become dynamic by selecting them and then clicking the ⚡️ icon in the formatting toolbar. Paste in an image URL or add dynamic content.

For example, you could insert an imageUrl data variable in a transactional email, or use an avatarUrl custom contact property in a campaign.

Adding a dynamic image

You can also create dynamic URLs by combining text and dynamic content inside the image source field.

Adding a dynamic image URL

Keep in mind that the image must be publicly accessible for this to work and the URL must end with a supported image file extension for email (like .jpg or .png). Additionally, these images should be hosted for a period of time that is relevant to the email’s lifecycle as they will not be stored in Loops.

Note that, just as with other dynamic content, if the contact or event property used for your dynamic image is missing, the email will not be sent.

Buttons

Buttons let you add call-to-action elements inside your emails.

Add links to buttons by selecting the element and then clicking the link icon in the toolbar.

Dividers

Dividers help separate or group content in your emails. Change spacing around dividers by clicking the drag-and-drop icon on the left and changing the padding values (more about block settings below).

Social icons

You can add a row of social icons by clicking the star icon in the editor toolbar.

Social icons

You have options for icon width and color (black, grey or white) plus padding. You can add more icons by clicking the plus icon. Drag icons to rearrange them.

To change the alignment of the icons, click on the block settings icon (more info below).

Block settings

Block settings let you edit properties of different element “blocks” in your email.

If you hover over a block in your email, you’ll see a drag-and-drop icon appear on the left.

You can drag this icon to re-order elements in your email.

If you click this icon you will open the block settings menu. Here you’ll see styling options for padding, radius, background color and horizontal alignment.

You can also duplicate and delete blocks from this menu.

We add an automatic footer into campaign and loops emails, which includes your company name, address and an unsubscribe link.

Unsubscribe links help prevent your messages from being marked as spam and ensure that your messages are willingly being received by an engaged audience, helping your deliverability.

The unsubscribe link leads to a Preference Center, where your contacts can manage their own subscriptions.

You can edit your company address from Settings > Domain.