Using Anchors in Landing Pages

  • Updated

Anchors are destinations for links and are frequently used to send users directly to specific sections within content, reducing the amount of scrolling that users need to do.   

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

Anchor links are not supported by all browsers and devices - mobile apps, in particular, tend not to support them. Make sure to test your Landing Page in whatever browser(s) most of your users have.

Instructions

Step 1: Add an Anchor

  1. Go to Content > Landing Pages >   Edit > Design tab to edit the Landing Page to which you want to add an anchor.
  2. Click the rich text block where you want to add an anchor.
  3. In the editor on the right, highlight the text where you want your anchor to be, then in the toolbar, click the Anchor button.
  4. Enter a Name for the anchor (e.g., 'myanchor1') that is:
    • Simple
    • Unique
    • Uses letters and numbers only (no spaces or special characters):

New_Anchor_dialog.png

  1. Click Save.
  2. An anchor icon is now visible in the rich text editor.

LP_Anchor_in_rich_text_editor.png

  1. Click Save (top right).

Step 2: Link to an Anchor

Method 1: Link to an Anchor in the same Landing Page

  1. In the rich text editor accessed in step 1 above, highlight the text you want to be a link to your anchor. Then in the toolbar, click the Link button.
  2. In the URL box, enter the name of the anchor prefixed with a hash symbol #, as shown. You can also use the Anchors drop-down menu to select anchors in the same block.

LP_Link_to_Anchor.png

  1. Click Save, and also save your changes to the Landing Page.

The link takes users to the anchor in the Landing Page:

LP_Link_to_Anchor_done.png

Method 2: Link to an Anchor or block in a different Landing Page 

  1. Go to Content > Landing Pages & find the destination Landing Page (with an anchor or block) you want to link to.
  2. In the drop-down menu on the right, click Get Public URLs and copy the public URL using Notepad, TextEdit, or similar.
  3. In the Landing Page Design tab, locate the Anchor or block you want to link to.
  4. Either:
    Select the anchor icon in the rich text editor, click the anchor toolbar button to show its name, and copy the name.
    Or:
    Select the block, click the Meta Data 'i' at the upper right, and copy the block ID:

Block_ID.png

  1. Go to edit the Landing Page you want to link from.
  2. In the rich text editor, highlight the text you want to be a link. Then in the toolbar, click the Link button:

LP_Link_to_URL.png

  1. In the URL box, enter the public URL copied earlier, followed by either a hash symbol # and the anchor name, or the block ID. Make sure there are no spaces and only one hash symbol.
    Examples:
    • https://marketing.mydomain.com/acton/media/landingpage#myanchor1
    • https://marketing.mydomain.com/acton/media/landingpage#block-b1675782795826
  2. Click Save, and also save your changes to the Landing Page.

The link takes users to the destination Landing Page's anchor or block.

Was this article helpful?

Have more questions? Submit a request