How to Add and Use HTML Blocks in Emails

Content:

What is an HTML Block and Why is it Needed?

An HTML block is a section of the email where you can insert your custom HTML code. It is important that the code is written according to the email coding styles (HTML code from a website may not be suitable). With this block, you can create your unique design or add something not provided by the editor (e.g., a table).

It's important to understand that HTML blocks are designed for advanced email developers who need customization. Do not attempt to create an HTML block without sufficient knowledge.

How to Add an HTML Block to an Email?

To add an HTML block to an email, go to the tools & modules panel (the first icon at the top right), and navigate to the blocks tab. Click and hold the HTML block icon, then drag and drop it into the desired spot in the email.

Drag and drop html block to email
Drag and drop html block to email

Settings for HTML Blocks

There are limited settings for the HTML block as it's designed for greater creative freedom, allowing you to script what's needed. However, you can edit some parameters, namely:

  • The color and border of the background under the HTML block
  • The block's paddings

    Desktop settings for HTML block
    Desktop settings for HTML block

You can also adjust the paddings of the HTML block for the mobile version

Mobile mode settings for HTML block
Mobile mode settings for HTML block

And you can set the background color of the HTML block for the dark theme

Dark mode settings for HTML block
Dark mode settings for HTML block

What Important to Remember While Using HTML Blocks

It's important to understand that since the HTML block is directly created by you, it does not include parameters for correct display on all devices, and these parameters need to be added by you independently.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us