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!

This article starts with the general design options, found in all Design elements. And continues with specific features for each Element.

The content of the Email is built up by Elements. In the Design panel (right side of the canvas) there are nine Elements. 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.

Most Elements have following Design options that can be adjusted:

Further design features for the each Element are found in the Element descriptions below!

When using Elements containing text (Text, Button, List, Menu and Icon Elements), edit the text with the Inline Text Editor.

Mark the text in the Element to access the inline editor.

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 Link settings you find here.

Drag and drop a Text element into a Row or a Column in your Email.

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

Tick the checkbox to manually adjust the line-height (pixels). You may also hold on the line-height icon and drag to change spacing (left and right to reduce and increase).

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!

Drag and drop a Button element into your Email.

Link

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.

Text

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

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