In emails, blocks populate the email layout with the relevant content. Here’s a quick overview of how you can work with blocks and what you can do with them.
Block Types
Image - A single large-sized image that extends across the entire email width, stopping at its margins. Dimensions can be edited independently of one another.
Text - A block of text that extends across the width of the entire email. Text is presented in a single, large column.
Button - An editable call-to-action button.
Spacer - An editable block of space.
Divider - An editable horizontal rule.
Social - An editable collection of social media service icons and other information.
Menu - A set of links and custom icons that can serve as your email menu.
Countdown - A countdown widget until the set deadline.
HTML - A code snippet that adds a custom element to the email.
Video - A video preview via a link. The sizes of the thumbnail can be changed accordingly.
How to Add a Block to an Email?
To add a block, go to the email and in the right panel, enter tools & modules (the 1st icon at the top on the right panel), and go to the Blocks section. Click and drag the block you want to add into the email.
You can drag the block into an empty section or above or below an existing block if you want the section to have multiple blocks.
How to Edit a Block?
To change some parameters of a block or add text (if it's a text block), click on the block. A frame with the type of block will appear around it.
Click the block to edit it
After that, you can edit the block in the settings panel on the right.
Or you can edit the text through the WYSIWYG editor.
How to Move a Block?
To move a block to another place in the email, click on the block so that a border and editing icons appear around it.
Tap the block, click and hold move button
Click and hold the icon with arrows and, without releasing the button, move the block to the desired place in the email.
Hold the move button and drag the block to another place
How to Copy a Block?
To copy a block, click on the block so that a border and editing icons appear around it. Press the duplication icon. A copy of the block will appear in front of the block being copied.
Click the copy button to duplicate the block
How to Delete a Block?
To delete a block, click on it so that a border and editing icons appear around it. Press the trash can icon, and the block will be immediately deleted.
How to Convert a Block to HTML?
To convert a block to HTML and have the ability to edit its code directly, click on the block and at the very bottom of the right panel, press the convert block to HTML button.
After this, the block settings will no longer be available; instead, only the HTML code of this block will be displayed.