Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Description

The HTML block in an email editor that allows you to add HTML or CSS code provides a designated space to input and customize the code directly, granting users the flexibility to create and modify the structure, design, and functionality of specific elements within the email template.

Info

For HTML expertsExperts
Using When using your own HTML and or CSS code, make sure it's correct and meet meets the requirements for the layout of email messages.

Warning! Your code can affect the entire email message view.

This section describes how to use the HTML Blockarticle covers the following information about HTML blocks:

Table of Contents
minLevel2
maxLevel63
outlinefalse
typelist
printablefalse

How to Use HTML Blocks

An HTML block allows you to paste HTML code for images and content created in other graphic design programs, facilitating the integration of custom-designed elements into your web page or email template.

...

Adding an HTML Block

  1. Drag and drop the HTML block into one of the structured containers.

    Image Modified

  2. Click

...

  1. Insert your HTML Code Editor to open the HTML Code Editor.

    Image Modified

  2. Copy the HTML or CSS code from your design platform.

  3. Replace “Insert your HTML in the Code editor” with the pasted code from your designer.

    Image Modified

  4. After the code is pasted in, the image will display.

    Image Modified

...

  1. Padding refers to the amount of space around the video content. It can be adjusted to create an email that is visually balanced and aesthetically pleasing by adding space to the width or height. The More toggle allows users to adjust the margins around the video content either independently or separately.

    • The More toggle default is set to Off. This allows users to adjust all margins around the video content uniformly.

    • Turning the More toggle On allows all margins around the video content to be adjusted independently.

    Image Removed
    • Image Added

Hide Element

  1. Choose the setting for the Hide element toggle. Users have the option to hide the text on either the desktop or the mobile application.

...

  1. Image Added

     

    • Click the desktop icon to hide the text on the desktop application.

      Image Modified

       

    • Click the mobile device icon to hide the text on the mobile application.

      Image Modified

 

...

  1. Set the anchor hyperlinks to take readers to specific paragraphs within the email.

...

  1. Image Added

...

Learn

...

More About Blocks

Child pages (Children Display)
pageBlocks

...

More

...

About the Content Library

Child pages (Children Display)
pageContent Library Overview
first25