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.

Email example

📘

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).
Email editor
  1. Select the element that will contain an anchor link.
  2. In Link, chose the anchor name with a hashtag.
Anchor editing
  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.
Code editor
  1. Add a href="#anchor name" before the element name in the code.
Anchor name
  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.
Choosing event type

Send a test message to check anchor links.

Send a test message