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.

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 eSputnik, 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 element that will contain an anchor link.

2. In Link, select Other and enter the anchor name with a hashtag.

Entering the anchor name

3. Select the block the anchor will lead the reader to.

4. Enable Add an anchor link and enter the anchor name (without a hashtag).

Enabling the anchor link

5. 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 edior

3. Add <a href="#anchor_name"> before the element name in the code.

Adding the anchor in code

4. Select the block the anchor will lead the reader to.

5. 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

Any Questions?
We’re always happy to help!
Request a Callback
Fill in the form, and our specialists will call you back as soon as possible.
Request a Callback
Chat Support
We’re waiting for your questions!
Send a Chat Message
Email
Contact the eSputnik support team
Send an Email