About
Email blocks (elements and structure) can be used to build an email or a template in the drag-and-drop editor. These blocks can contain different formats such as an image, text or a button. The elements blocks style can be customized (colors, size, mobile display).
By default, several structure and content blocks are available to meet most needs. However, if none of the provided elements meet your specific needs, we can help you find a more personalized option, upon request.
To insert the elements blocks into your email, you must first drag and drop a layout block (columns) into the email: Then, insert one or several elements blocks into a layout block: |
In this article, you will discover all the blocks available by default our drag-and-drop templates.
Layout Blocks
Use the layout blocks to create the layout of your email. The locations where the selected blocks can be dropped are indicated as you move around in the email.To customize the column(s), click on the edit icon
. The edit options differ slightly depending on the number of columns you choose (background image, background color, column width, gutters). If you want to add a background image over the entire lenght of the message, use the Default styles section in the left-hand menu.
Elements Blocks
Title![]() | Allows you to add a title to your content. To change the formatting of all the titles in the email, use the options in the Default Styles section. If you want a title to have a different style from the other titles, define your preferences in the Styles tab of that title. | ||||
Text![]() | Allows you to add text to your content. To learn how to do this, see Inserting Text in an Email. To add text to an image, add a background image to your message (by editing the default styles) or to a 1-column block by editing the block. | ||||
Divider![]() | Allows you to add a horizontal line in the message to separate content or to create a blank space (by changing the color to white). If you wish to have rounded corners, select the desired corners and enter a value in the Corner radius field. | ||||
Button![]() | Allows you to add a button. Enter the text you want on the button and select the link type. To do this, click on the Link field and then on the ![]() | ||||
Image![]() | Allows you to add an image. To learn how to do this, see Inserting an Image in an Email. | ||||
YouTube Video![]() | Allows you to add a Youtube video. Copy and paste the link of your video, then define its width. | ||||
Horizontal content group![]() | Allows you to add multiple contents horizontally (often used for menus). By default, the block has four content areas. To add an image or text, drag and drop a block from the Horizontal content group section:
| ||||
Suivi social![]() | Allows you to add links to your social media pages. Social network icons are already provided, but you can change their color, style and size. | ||||
HTML code![]() | Allows you to add custom HTML code. This block is recommended for HTML experts. | ||||
Static RSS Feed![]() | Allows you to extract the content of your RSS feed so that you can manually select the articles to display. To learn how to do this, see Share RSS Content by Email. | ||||
Dynamic RSS Feed![]() | Allows you to extract content from your RSS feed and update it automatically at the time of sending. To learn how to do this, see Share RSS Content by Email. | ||||
Countdown timer![]() | Allows you to add a generic countdown in days, hours, minutes and seconds. | ||||
Barcode![]() | Allows you to insert a barcode, that can be generic or personalized. Select the type of barcode to use and then indicate the code itself. | ||||
Code QR![]() | Allows you to generate a QR code that redirects to one of your links. | ||||
iCalendar![]() | Allows you to create an event as a downloadable .ics file. The recipient can then add the event calendar from Microsoft Outlook, Apple Calendar or Google Calendar. |