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.
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.
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.
Drop the following text into the HTML code field, replacing all of the placeholder text:
<a name="example"><br /></a>
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.
Next, create the link to the section near the top of your email using a Text block. 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.