Start your email content from scratch
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 design the body of your email within seconds.
➡️ Discover this feature in video
To start building your email content, follow the steps below.
-
From the Email Designer home page, select the Design from scratch option.
-
Start designing your email content by dragging and dropping Structures into the canvas to define the layout of your email.
NOTE
Stacking columns is not compatible with all email programs. When not supported, columns are not stacked. -
Add as many Structures as needed, and edit their settings in the dedicated pane on the right.
-
Select the n:n column component to define the number of columns of your choice (between 3 and 10). Define the width of each column by moving the arrows at the bottom of each column.
NOTE
Each column size cannot be under 10% of the total width of the structure component. You cannot remove a column that is not empty. -
From the Components section, drag and drop as many elements as needed into one or more structures. Learn more about content components
-
Customize each component using the Settings or Style tabs on the right. For example, change the text style, padding, or margin of each component. Learn more about alignment and padding
-
Insert personalization fields to customize your email content based on profile data. Learn more about content personalization
-
Add links to your content.
Click the Links tab from the left pane to display all the URLs of your content that will be tracked. Modify their Tracking Type or Label, and add Categories if needed.
Learn more about links and message tracking
-
If needed, personalize your email further by clicking Switch to code editor from the advanced menu. This allows you to edit the email source code, for example, to add tracking or custom HTML tags. Learn more about the code editor
CAUTION
You cannot revert back to the visual designer for this email after switching to the code editor. -
Once your content is ready, click Simulate content to check your email rendering. Choose the desktop or mobile view. Learn more about previewing your email
-
When your email is ready, click Save.
How-to video
Understand how to navigate the Email Designer. Learn how to structure and design an email from scratch, personalize, and test your email.