Defining the email structure

Editing the email structure

The Email Designer allows you to easily define the structure of your email. By adding and moving structural elements with simple drag-and-drop actions, you can design the shape of your email within seconds.

To edit the structure of an email:

  1. Open an existing content or create a new email content.

  2. Access the Structure components by selecting the + icon on the left.

  3. Drag and drop the structure components that you need to shape your email.


    A blue line materializes the exact location of the structure components before you drop it. You can drop it above, between or below any other component, but not inside.


    Once placed in the email, you cannot move nor remove your components unless there is already a content component or a fragment placed inside.

  4. Several structure components composed of one or more columns are available.

    Select the n:n column component to define the number of columns of your choice (between 3 and 10). You can also define the width of each column by moving the arrows at the bottom of each column.



    Each column size cannot be under 10% of the total width of the structure component. You cannot remove a column that is not empty.

Once the structure is defined, you are able to add content fragments and components to your email.

Adding fragments and content components

With the Email Designer, after adding structure components to your email, you can define their content. To do that, you need to add elements inside each structure component.

There are two categories of content elements that you can use: fragments and content components.

About fragments

A fragment is a reusable component that can be referenced in one or more emails.

To make the best use of fragments in the Email Designer:

  • Create your own fragments. See Creating a content fragment.

  • Use them as many times as needed in your emails. See Inserting elements into an email.

  • When you edit a fragment, the changes are synchronized: they are automatically propagated to all emails (provided they have not been prepared or sent yet) containing that fragment.

When added to an email, fragments are locked by default. If you want to modify a fragment for a specific email, you can break the synchronization with the original fragment by unlocking it in the email where it is used. The changes will not be synchronized anymore.

To unlock a fragment inside an email, select it and click the lock icon from the contextual toolbar.


That fragment becomes a standalone component that is not linked anymore to the original fragment. It can then be edited as any other content component. See About content components.

About content components

Content components are raw, empty components that you can edit once placed in an email.

You can add as many content components as you want in a structure component. You can also move them inside the structure component or to another structure component.

Here is the list of the available components in the Email Designer:

  • Button

  • Carousel

    For more on this, see Using the carousel component.

  • Divider

  • Html

    Use this component to copy-past the different parts of your existing HTML. This enables you to create free modular HTML components.


    A free HTML component is editable with limited options. If all styles are not inlined, make sure to add the proper CSS in the head section of the HTML code, otherwise the email will not be responsive. Use the Preview button to test the responsiveness of your content (see Previewing messages with the Email Designer).

  • Image

  • Social

  • Text

  1. Drag and drop the Carousel component inside a structure component.

  2. Browse to select images from your computer.

  3. From the Settings pane, set the number of thumbnails that you want in the carousel.

  4. Select a fallback image from your computer.


    The carousel component is not compatible with all email programs. Upload a fallback to display an image instead when the carousel is not supported in the email.


    The carousel component is compatible with the following email platforms: Apple Mail 7, Apple Mail 8, Outlook 2011 for Mac, Outlook 2016 for Mac, Mozilla Thunderbird, iPad and iPad mini iOS, iPhone iOS, Android, AOL (Chrome, Firefox and Safari).

  5. Select Fallback view to display the fallback image in the Email Designer.

Inserting elements into an email

To define the content of your email, you can add content elements in the structure components you have placed beforehand. See Editing the email structure.

  1. Access the content elements by selecting the + icon on the left. Select Fragments or Content components.

  2. If you already know the label or part of the label of the fragment you want to add, you can search for it.

  3. Drag and drop a fragment or content component from the palette to a structure component of the email.


    Once an element is added to the email, it can be moved inside the structure component or to another structure component in the email.

  4. Edit the element to match the exact needs of this email. You can add text, links, images, and so on.


    Fragments are locked by default when added to an email. You can break the synchronization with the original fragment if you want to modify the fragment for a specific email, or make your change directly in the fragment. See About fragments.

  5. Repeat this procedure for all elements you need to add to your email.

  6. Save your email.

Now that your email structure is populated, you can edit the style of each content element. See Editing an element.


If a fragment is modified, the changes are automatically propagated in the emails where it is used. For more on this, see About fragments.

Creating a content fragment

You can create your own content fragments to reuse later in other emails.

  1. Go to Resources > Content templates & fragments and click Create .

  2. If you are offered a choice, choose to use the new email editor.

  3. Click the fragment title to access its properties.

  4. Specify a recognizable label and select the following parameters to be able to find the fragment later in new emails:

    • Content type : 'Delivery'. Content fragments are only compatible with emails.

    • HTML type : 'Fragment'. Selecting 'Fragment' here indicates that the content created in this template is a fragment and will be utilized as such in future email contents.

  5. If needed, define a thumbnail for the fragment. This thumbnail will be displayed next to the fragment's name when editing an email.

    Select the Thumbnail tab of the template properties. From this tab, you can select an image that will be used as thumbnail for the fragment.

  6. Save the properties to return to the main editing area.

  7. Define one fragment by adding a structural component and a content component that you can customize.

  8. Once edited, save your fragment.

The fragment can now be used in emails. It appears under the Fragments section of the editor's palette.


You cannot insert personalization fields inside a fragment unless it is used in an email. To do this, you need to unlock this fragment. See About fragments.

Licencia na používanie tohto diela sa poskytuje v súlade s podmienkami licencie Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Na príspevky v sociálnych sieťach Twitter™ a Facebook sa nevzťahujú podmienky licencií Creative Commons.

Právne upozornenia   |   Zásady ochrany osobných údajov online