Heading Overview
The Heading element allows you to add pre-sized text to your template. There are four levels of heading: H1, H2, H3, and H4, where H1 is the largest and H4 is the smallest. Headings are larger than the text that you typically use in a paragraph. Using a heading can help you draw attention to specific information.
How to Add the Heading Element to Your Template
To add the heading element to your email template, ensure you are in the Content section. Then, click the HEADING icon and drag it onto the email body.
Properties of the Heading Element
You can choose to customize the Heading element in Desktop or Mobile mode. However, the Mobile mode does not contain all the styling options. The Mobile mode does not include the ability to:
- Use Smart Headings to enhance the messaging of your Heading
- Set the heading as an H1, H2, H3, or H4
- Select the font family
- Set the font weight as regular or bold
Smart Headings
Once you type out your heading, the Smart Headings section uses AI to help you rewrite your text. It will offer several suggestions (red) you can use to replace your text by selecting your preferred alternative. You can choose to change the tone (green) to make it more friendly, professional, witty, etc.
Text
The Text section allows you to customize the heading. You can customize the following:
- Heading Type: The size of the heading
- Font Family: The type of font for the heading
- Font Weight: Allows heading to be regular or bolded
- Font Size: How big or small the heading appears
- Color: The color of the heading
- Text Align: How text is positioned horizontally in relation to a reference point, like the left, right, center, or justified margins
- Line Height: The vertical space between lines of text, allowing lines to be closer or farther apart
Links
Links allow you to customize any hyperlinks you’re using in the heading element. By default, links will inherit the properties you set in the Body section. However, you can toggle this off (red), and customize the color of the hyperlink and whether or not there is an underline.
Padding
Padding allows you to add spacing between the border of the heading 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 heading.
Responsive Design
With responsive design, you can customize your emails to ensure they display properly across different devices. Headings 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 different aspects of the heading based on the device the recipient is using to view the email.
Under the responsive design section, you can hide the heading on a desktop or mobile device. When either "Hide on Desktop" or "Hide on Mobile" is toggled on, the heading 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.
