How to Add Anchor Links to an Email

An anchor link is a link that leads the reader to a specific place in the email. Anchor links are most often used in the email menu, helping navigate long emails. Using them, readers can skip the irrelevant sections and jump straight to the content they’re most interested in at the moment.

988

📘

Important

Some email clients don’t support anchor links: Gmail (iOS), Apple Mail (iOS), Outlook.com (Web), Outlook (Android), Outlook (MacOS).

In our editor, you can add anchor links to the email in two ways:

  • In the HTML editor;
  • In the code editor.

How to Add an Anchor Link in the HTML Editor

  1. Select the block the anchor will lead the reader to.
  2. Enable Add an anchor link and enter the anchor name (without a hashtag).
1894
  1. Select the element that will contain an anchor link.
  2. In Link, chose the anchor name with a hashtag.
1910
  1. Click Save.

How to Add an Anchor Link in the Code Editor

  1. Select the element that will contain an anchor link.
  2. Open Code editor.
1682
  1. Add a href="#anchor name" before the element name in the code.
1433
  1. Select the block the anchor will lead the reader to.
  2. Add a class="esd-anchor" name="anchor name" tag to the corresponding line.
1221

Send a test message to check anchor links.

1275