HTML Overview

The HTML element allows you to create your email using HTML. You can use HTML to add customized text, links, tables, and instructions. You can customize the spacing, font color, font size, and more within the HTML element, instead of using the Text element. You can learn more about some common HTML elements in this article or use your favorite online resource.

How to Add the HTML Element to Your Template

To add the HTML element to your email template, ensure you are in the Content section. Then, click the HTML icon and drag it onto the email body. 

Properties of the HTML Element

You can choose to customize the HTML element in Desktop or Mobile mode. However, the Mobile mode does not contain all the styling options. Specifically, the Mobile mode does not include the ability to write your HTML, but you can edit the General and Responsive Design sections.

HTML

The HTML element allows you to build your email template using HTML. You will need to add in the proper HTML elements to make sure your text and elements are formatted correctly.

General

The General section lets you control the padding within the HTML box. Padding allows you to add spacing between the border of the HTML box and the content inside of it. Adding padding allows you to have custom spacing to separate items more clearly. In the General section, you can toggle the “More Options” button (red) to customize how much padding is on the top, right, left, and bottom of the content within your HTML box.

Responsive Design

With responsive design, you can customize your emails to ensure they display properly across different devices. HTML can be tailored to display perfectly or be hidden so that they don’t display on a certain device. To customize the email for a specific device, click on the desktop icon or mobile icon, or select the Desktop or Mobile tab at the bottom left of the editor body. You can edit the padding of the HTML element based on the recipient's device to ensure the HTML is displayed correctly.

Under the responsive design section, you can hide the HTML on a desktop or mobile device. When either "Hide on Desktop" or "Hide on Mobile" is toggled on, the HTML will appear faded within the email template, making it invisible to participants depending on whether they are viewing the email on a desktop or a mobile device.