Components

Components are the individual sections/blocks/modules available to drag into the Email. Each Component consist of:

• HTML/CSS code

• Settings

• Metadata

Components are created and edited from the Template Editor.

Creating a Component

From within the the Template Editor, you can create a Component from the left pane.

When you click the + icon, a new blank component is added to the Template and will show immediately in the Component list in the pane.

You can also select a piece of code in the Layout Base and click the icon. This will extract the code from the Layout Base and into a new Component. This is a great way if you have a finished HTML template, and need to extract multiple components.

Component Settings

Read more about settings here:

Settings

Metadata

Each Component can have some additional metadata attached. Currently, the only metadata is a thumbnail. The metadata is edited in the right pane, Metadata tab.

Thumbnail

The Component Thumbnail makes it easy for the marketeers to find the right component when creating an email. The purpose is to give a visual representation/thumbnail of how the component looks, which the user can rely on.

This is how it looks in the Email Editor, when thumbnails have been uploaded each Component:

In order to upload a thumbnail, take a screenshot/snapshot of the component in a state that is representative for the component. I.e. fill in some example data, to make it easy for the user to recognize.

Upload the image in the Metadata -> Thumbnail section.