Email Anchor Links

Anchor links are the hyperlinks in an email. When a user clicks a hyperlink, it redirects them to another part of the email instead of a separate window. Anchor links can be helpful for long messages so that you might use them in your email newsletters instead of sales emails.

How can I add anchor links to my email?

You can create anchor links with two different methods:

• Anchor link toggle
• HTML blocks

Anchor link toggle

This method helps you add an anchor link to your email without any need to write any code.

1. Create your email design.
2. Build a menu/navigation as follows with the Menu block.

3. Select the element you want to link to the menu tab.
4. Go to the settings panel and toggle on the Add an anchor link option.

5. Add the anchor's name using the menu item names.
6. Go to the respective menu tab.
7. Go to the settings panel and set Anchor as the link type to choose the related anchor name.

Now you have created your anchor text and anchor link! You can proceed with designing your email as usual.

HTML Blocks

To use the HTML blocks, you need the basic know-how of the HTML link structure of your anchor links. Anchor links consist of two fragments: the URL and the actual anchor tag that the link navigates to.

1. Create your email design.
2. In the header area, build a menu/navigation as follows with the Menu block or a column block.
3. Add your texts and images to create your header and menu. You can use different colors, font families, font sizes, etc. Once you complete designing it, you can add your links.

4. Now, you can name and position the first anchor in the correct section of the email.
5. Use a custom HTML content block to add your anchor. Drag and drop the block where you want the link to go.

6. To create the anchor, paste the following HTML code in the custom HTML code block:
<a name="menu1"></a><br />

7. You can rename the value in quotes however you want to name it. An easy-to-remember one-word name is recommended as you will link it to the anchor tag.
8. Now that the position of the anchor is specified, you need to link the text in the menu to the anchor. Select one item from the menu and add the link to it:
#menu1
9. Make sure to use a hashtag (#) before the name, and the name matches the one you chose earlier.

10. Now, you have created your anchor text and the link pointing to it.
11. Duplicate the HTML content block, copy, and drag it to the next section. Update the name in the quotes, and link the text at the top to the new anchors you create.

What email clients support anchor links?

Anchor links are not supported by all email clients. That's why it is suggested to keep this in mind when deciding whether to add a table of contents to your newsletters. Below, you can see a list of some of the most popular email clients and if they support anchor links.