Anchor Links (new Email Composer) Beta

  • Updated

Anchors are destinations for links and are frequently used in messages containing a significant amount of content. They are convenient because they send recipients directly to specific sections within the content which reduces the amount of scrolling that a recipient needs to do.   

Long-format content, like newsletters, can benefit from using lists of links to different sections by making it easier and quicker for recipients to pinpoint content that captures their attention.

Here's how to use anchor links in the new Email Composer.

Please note that the new Email Composer is currently in Open Beta.


Step 1: Add an Anchor with an HTML Content Block

  1. In the new Email Composer, edit the email or template you want to add anchor links to. For example, Content > Email Templates > (select) Edit > Design tab.
  2. In the Content tab in the sidebar, under Additional content, select the HTML Content Block & add it where you want to add an anchor (the destination for a link) and select the block.
  3. An HTML code window appears in the sidebar containing placeholder text. Replace this with your anchor text, for example, a title for the link destination.
  4. To create an anchor, paste in the following HTML code:
    <a name="anchor"></a><br />
    where "anchor" is your anchor name. Keep the name simple and easy to remember, ideally one word, as this is the keyword you’ll use when linking to this anchor. For example:

Anchor Links (new Email Composer) 01.png

Step 2: Link to an Anchor

  1. Find the text where you want to link from, in a Title, Paragraph, or List Content Block.
  2. Highlight the text, and click insert link in the toolbar:

Anchor Links (new Email Composer) 02.png

  1. In the Insert Link dialog:
    • Select Link Type 'URL'.
    • In the Url box enter the anchor name prefixed with a hashtag (& no space). Make sure the name matches exactly. For example, for the anchor name "lorem", enter #lorem
    • Select Underline Link so it appears like a standard hyperlink.
    • Text to display is the highlighted text.
    • In the Title box, enter the popup text that appears when hovering over the link.
    • Select Target 'None':

Anchor Links (new Email Composer) 03.png

  1. Click OK.

Step 3: Send a Test Email to Check the Links

  1. At the top right of the new Email Composer, click Test email.
  2. Add a recipient. Make sure the recipient is OK to receive the emails from you.  
    Either type an email address in the box or click Add Test List recipients and select a contact.
  3. Set Test email options if you want, for example, to distinguish the email as a test.
  4. Click Send.
  5. Open the email & check the link takes you to the anchor.
Anchor links are not supported by all browsers and devices. Test your email in whatever email clients, browsers, operating systems, and devices most of your contacts will be using.

Was this article helpful?

Have more questions? Submit a request