Working with Elements

An Element is a type of content that can be added into an email. These are the available Elements: Text, Image, Button, Line, Spacer, List, Menu, Icon Menu and HTML.

Add, clone and remove Elements in the Email tool as you create stunning email campaigns!


In this article


How to Add Elements into the Canvas

You get to choose the exact placement of the Element before adding it into the canvas. Here's a quick guide for how they behave depending on where you drop them in the canvas.

Only Elements can be placed inside an existing Row, since an Asset is already a Row.

1. Choose your Element.

canvas1.jpg

2. Click on it, and drag it towards the Canvas. Don't drop it yet.

emailEditor11.jpg

3. The line indicator will point to the place where the Element will be placed. Take a look at the images below to see how it should look when you add Elements into the Canvas.

canvas10_02.jpg

Into a new Row

This is how the Canvas will signal that you are dropping the Element into a new Row.

emailEditor12.jpg

Into a new Column

This is how the Canvas will signal that you are dropping the Element into a new Column.

emailEditor26.png

Into an existing empty Row

This is how the Canvas will signal that you are dropping the Element into an existing Row with no other Elements in it.

canvas2.jpg

Into an existing empty Column

This is how the Canvas will signal that you are dropping the Element into an existing Column with no other Elements in it.

canvas3.jpg

Into an already populated Row

This is how the Canvas will signal that you are dropping the Element into an existing Row that has one or more Elements in it. Adding an Element to a Row will create a new Column.

emailEditor11.jpg

Into an already populated Column

This is how the Canvas will signal that you are dropping the Element into an existing Column that has one or more Elements in it.

canvas4.jpg

How to Clone an Element

1. Click on the Element you would like to clone.

Element.jpg

2. On the right, the Element Options will open in the Design Panel.

canvas5.jpg

3. Scroll to the bottom of the Element Options, and click Clone.

Your Element will be cloned directly under the original, in the same Row.

clone.jpg

How to Remove an Element

1. Click on the Element you wish to remove.

Element.jpg

2. Click on the red x on the top right corner of the Element.

main13.jpg

Element Sizes

To design the perfect email, you'll need balance. Some of the most common questions when working with Elements in the Email Editor are about how you can resize Elements and how far the limits go when it comes to margins, line height, width, etc.

To read more about how to resize your Elements and design your Email, head over to this article to learn more.

Did this answer your question?