How to Edit and Customize Email Blocks

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.

Content:

• Block Types
• How to Add a Block to an Email?
• How to Edit a Block?
• How to Move a Block?
• How to Copy a Block?
• How to Delete a Block?
• How to Convert a Block to HTML?

Block Types

1. 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.
2. Text - A block of text that extends across the width of the entire email. Text is presented in a single, large column.
3. Button - An editable call-to-action button.
4. Spacer - An editable block of space.
5. Divider - An editable horizontal rule.
6. Social - An editable collection of social media service icons and other information.
7. Menu - A set of links and custom icons that can serve as your email menu.
8. Countdown - A countdown widget until the set deadline.
9. HTML - A code snippet that adds a custom element to the email.
10. 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.

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.

Click and hold the icon with arrows and, without releasing the button, move the block to the desired place in the email.

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.

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.