In this Article
- Step 1: Organize your message by sections
- Step 2: Insert an HTML element and edit properties
- Step 3: Paste text into the HTML code field
- Step 4: Replace text with a name for the link
- Step 5: Use a text block to create a link to the HTML section
In this article, we'll learn about how to create internal "anchor" links in Messages templates. Although email best practices say to keep your messages short enough that these links aren't necessary, you may find it helpful with longer emails to have an interactive "table of contents" to point users to the content they're most interested in.
Note: These anchors may not appear correctly, or at all, on mobile devices depending on browser and mail program settings.
Step 1: Organize your message by sections
First, lay out your email in different sections. Make sure that your text is spread out over multiple horizontal content blocks. Internal links won't work if all your text is in the same element.
Step 2: Insert an HTML element and edit properties
Then, drag an HTML element from the Content tab into the body of the message. Drop it directly above the content you want to link to.
Click on "I'm a new HTML block" to edit it in the Properties column to the right.
Step 3: Paste text into the HTML code field
Drop the following text into the HTML code field, replacing all of the placeholder text:
<a name="example"><br /></a>
Step 4: Replace text with a name for the link
Next, click on the text within the quotation marks of the code above, and replace it with a unique one-name for the link, without any spaces. Keep track of this name, including any capital letters that you use.
If you're creating multiple links in the same email, make sure that every link has a different name. If any of the links have the same name, this process won't work correctly.
When you're done editing the HTML, you won't actually see anything in your email body. That's OK! It doesn't need to be visible to work.
Step 5: Use a text block to create a link to the HTML section
Adding a Text block and add the link to the section near the top of your email. Highlight the text that you want to turn into a link, then click the "Insert/Edit Link" button.
In the URL field, enter a hashtag (#) followed by the unique name you gave the link.
Repeat these steps for any additional internal links you want to include in your message.
To test the links, it is necessary to do a full test send of the message. You will not be able to test this in preview mode.