Content menu: Heading

Learn everything there is to know about adding Headings to approved email content

Katy Moore avatar
Written by Katy Moore
Updated over a week ago

In this article:

A heading is normally a short and punchy piece of text, which can be further distinguished by a larger font size or bold typeface. Headings help the recipient of your email to focus their attention on the most important details of your email. In the Shaman email editor, you have the option to add headings to your email content easily and quickly.


How to add a heading to your email content

Let´s imagine that you have created a new email fragment or template, have completed the email details, and are now in the HTML editor ready to add elements to your email fragment or template. (If you need to revise any of these steps, check out this article here).

From the menus on the right-hand side, select the content menu. Find the “Heading” icon in the content menu, and simply drag and drop that icon onto your email canvas.

You will notice that a text box with the words, “Heading” in large type has been added to the email canvas. To add your own text to the heading instead, simply start typing where you see the text already in the box.

When you click anywhere in the frame around the text, a formatting menu for the Heading will appear and you will see the following options to format the text:

  1. Heading Type - you can select between four predetermined "Heading Types" by clicking the H1, H2, H3, or H4 icons. Each heading type has default styling settings to save you time when formatting headings in an email.

  2. Font - to change fonts, just click the arrow (to the right of the current font name) to view the other font options available to you.

  3. Size - Increase or decrease the font size by clicking the arrow on the right side of the font size.

  4. Styling options - Bold, Italic, Underline, or strikethrough. To use a styling option either highlight your text and click the styling option icon of your choice, or select the styling option icon first and start typing.

  5. Color - Select from the color options available to change the color of your text.

  6. Text Align - select an alignment for your text: left, center, right or full.

  7. Line Height - Here you can set a specific line height for your heading, which refers to the spacing between lines of text. You can increase or decrease this by using the minus and plus icons on either side of the numerical value. The percentage changes in multiples of 10 (eg. 120, 130, 140, etc) and is set as default for headings at 140%.

8. Inherit Body Styles - if this toggle is enabled, the styles configured in the body menu will automatically be populated (you can take a look at this article to learn more about the body menu).

If this toggle is disabled, you will be able to manually update the defined settings for hyperlinks - both their color and whether they are underlined.

9. Container Padding - Padding can be used to perfectly position text within the body of your email content. You can choose to add the same padding to all sides by maintaining the “All sides” toggle enabled. Or, you can disable this toggle to manually configure the padding size for each side of the text block. You can use the plus and minus icons to increase or decrease the padding, or you can type a numerical value directly into the padding box.

10. Hide on Desktop - When this toggle is enabled, the heading will not be displayed when viewing the email on a desktop computer or laptop, it will only be viewable on a mobile view.

Good to know!

We highly recommend you pay attention to how your email content looks on both mobile and desktop views. To learn more great tips when creating email content compatible with mobile and desktop views, take a look at this article here.


Deleting or duplicating a heading

To delete a heading, simply click anywhere within the text block to select it. You will then notice two icons - a bin icon to delete the heading, and a copy icon to duplicate it.

Depending on which you wish to do, simply click the icon, and your heading will either be deleted or duplicated.

Did this answer your question?