You can easily create superscript and subscript text in your emails using HTML tags in an HTML content block.
How to add superscript text with the Email Designer
Note that this option refers to the Email Designer launched in 2022.
- From your campaign or automation email, locate where you want to add your content containing superscript or subscript text, then drag and drop the HTML content block into that spot.
- Click into the HTML container. The HTML window will appear at the bottom of the screen.
-
Add your content to this block and wrap it in HTML tags. These tags will tell the text how it should appear in that content block. HTML tags can be used both in the HTML block of the campaign designer and if you're using custom code to create your email from scratch.
Below are examples of code you can use for both Superscript and Subscript. Note that you'll want to replace the example copy between the HTML tags (<p>, <sup>, </sup>, and </p>) with your own.
Superscript HTML:
<p>Trademark<sup>™</sup></p>
Subscript HTML:
<p>This text contains subscript<sub>™ ®</sub> text.</p>
The subscript and superscript will render properly in the designer. Here is an example of how the superscript code looks in the HTML block:
- Click out of the HTML Block and your superscript or subscript text will appear in your email.
It is best practice and recommended to test your email campaign before sending out to ensure you are satisfied with how it looks and works.
How to add superscript text with the Classic Designer
- From your campaign or automation email, locate where you want to add your content containing superscript or subscript text, then drag and drop the HTML content block into that spot.
-
Click into the HTML content block. A Custom HTML modal window will appear.
-
Add your content to this block and wrap it in HTML tags. These tags will tell the text how it should appear in that content block. HTML tags can be used both in the HTML block of the campaign designer and if you're using custom code to create your email from scratch.
Below are examples of code you can use for both Superscript and Subscript. Note that you'll want to replace the example copy between the HTML tags (<p>, <sup>, </sup>, and </p>) with your own.
Superscript HTML:
<p>Trademark<sup>™</sup></p>
Subscript HTML:
<p>This text contains subscript<sub>™ ®</sub> text.</p>
The subscript and superscript don’t render properly in the designer but will render correctly in the preview. Here is an example of how the superscript code looks in the HTML block:
-
Add your content to this block and wrap it in HTML tags. These tags will tell the text how it should appear in that content block. HTML tags can be used both in the HTML block of the campaign designer and if you're using custom code to create your email from scratch.
-
Click "Save" and your superscript or subscript text will appear in your email.
Note that you can add additional text to this content block under "Options" or by clicking the HTML editor button.
Test your email to see how the superscript or subscript text looks in an inbox.