Adding Anchor Links

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.

Anchor links in the email menu

🚧

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).
Enabling the anchor link
  1. Select the element that will contain an anchor link.
  2. In Link, chose the anchor name with a hashtag.
Adding the anchor name
  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.
HTML code edior
  1. Add a href="#anchor_name" before the element name in the code.
Adding the anchor in code
  1. Select the block the anchor will lead the reader to.
  2. Add a class="esd-anchor" name="anchor_name" before the closing a tag.
Adding the anchor name to code

Send a test message to check anchor links.

How to send a test message