The Design elements in the Email editor and Form editor provide you a wide range of design possibilities. Go ahead and have fun shaping your content!

The content of the Email is built up by Elements, from the Design panel, on the right side of the canvas. Drag and drop Elements into a Row or a Column in to the canvas.

Each Element has a set of design options, appearing on the right side when the Element is selected in the Canvas.

Duplicate - to copy Element, select Element in the Canvas and click Duplicate in the bottom right corner.

When using Elements containing text, mark the text and edit content with the Inline Text Editor.

Styles - Here you can access all headings.

​Data tags

With Data tags, you can personalise the Email with dynamic data (fetching Profile data into the text). Pick Data tag in the Data tag drop-down.

For example, "Good morning ##FirstName##!", would appear in the inbox as "Good morning Anna!", if the Profile's "FirstName" Attribute has the value "Anna".

Read more about how you can Personalise your sendings by using Data tags here.

The Heading and Paragraphs elements is used for distinguishing headlines from body of copy.

For headlines it is important to use the Heading element to optimise accessibility (screen reader tools can read that it is a headline).

The Headings can be predefined under "Styles" in the right column.
​

To use different levels of headings:

Add a heading name to keep better track of the email structure. This will be reflected in the structure panel to the left of the canvas.

Tick the checkbox to manually adjust the line-height (pixels).

The Paragraph element is used for body of copy.

Add a paragraph name to keep better track of the email structure. This will be reflected in the structure panel to the left of the canvas.

Tick the checkbox to manually adjust the line-height (pixels).

The text element is an earlier version of the Paragraph element, and it works similarly. We recommend to use the Paragraph element.

Use the Inline editor to change the look of your text, to add links and data tags.

Add a Text name to keep better track of the email structure. This will be reflected in the structure panel to the left of the canvas.

Tick the checkbox to manually adjust the line-height (pixels).

Place the Image element in the Canvas. Click the Browse button in the element to see Image options. Go to the Upload tab.

Tick the Add to the gallery checkbox in order to save image in the gallery for future occasions.

We recommend you to use image files hosted in your own domain, (to ensure the image files are available to the Email).
​

The images saved in the Gallery can be reached from any tool in the account. This means you can use and store images for not only for emails, but also for Event tool sending, Forms and Pages.

Deleted images will disappear from the gallery, but still be presented in your content.

Under Style, in the Design panel, set image width for desktop and mobile.

Desktop:

If no adjustments are done, the settings will remain true size, witch is the size of the uploaded image.

Mobile:

Under the Mobile tab, select whether the image size should follow desktop settings, be full width or keep true size (same size as uploaded).

When you have selected an image, expand Link settings.

By adding text and link to the images, the Email gets more accessible, clickable and generate higher Profile engagement!

Place a Button element into your Email.

Remember to add a link to the button to connect it to a landing page!

Mark the text and use the link symbol in the Inline editor to add a URL.

Type in a button text (that encourages to click) and use the Inline editor to change the look.

Add a description for screen reader tools, a text communicating know what happens when clicking the button.

Design Style
Design the look of the button with the Style design options on the right.

The Line element is handy when you want to create dividers between content.

It can be directed either vertically (between Rows) or horisontally (between Columns).

Thickness and length can be adjusted by dragging the Style icons left and right.

With the Spacer, you create space between Elements.

Adjust the Spacer size by pulling the handle on the element up and down. Or use the icon in the design options; drag left and right to change size.

Create a list to organise the content. When creating a list, you start by adding list items in the Design options on the right.

Create a List

The Menu element is great for guiding your readers quickly to different parts of your website. It is fully customisable, so design it to fit the rest of your Email.

Create a Menu:

Use an Icon Menu Element to create good looking paths to all of your social media channels and contact information in one Email.

Create a Icon Menu:

Place a Icon menu element into the Canvas.

In Design options (on the right):

The HTML element allows you to use HTML code in your Email. This is especially useful for when you would like to have custom tables or price tables.

This is an advanced feature that requires advanced coding skills for emails. Get in touch with your development or design team to make sure that your HTML code works as intended. Need an expert hand? Get in touch with your Account Manager at Efficy!

Populate an HTML Element

1. Click on the HTML element you've added into the Canvas.

2. Enter the HTML code you wish to add. (Links in the HTML code cannot be tracked)

3. To preview, click away from the HTML element.
​

Read about HTML code for Emails here.

Link settings

Email: Settings, Preview and Test

Personalise with Data tags and Segments

Email Assets