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.
Note: 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
- Go to Content > Landing Pages > Edit > Design tab to edit the landing page to which you want to add an anchor.
- Click the rich text block where you want to add an anchor.
- In the editor on the right, highlight the text where you want your anchor to be, then in the toolbar, click the Anchor button.
- Enter a Name for the anchor (e.g., 'myanchor1') that is:
- Simple
- Unique
- Uses letters and numbers only (no spaces or special characters):
- Click Save.
- An anchor icon is now visible in the rich text editor.
- Click Save (top right).
Step 2: Link to an Anchor
Method 1: Link to an Anchor in the same Landing Page
- 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.
- 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. - Click Save, and also save your changes to the landing page.
The link takes users to the anchor in the landing page:
Method 2: Link to an Anchor or block in a different Landing Page
- Go to Content > Landing Pages & find the destination Landing Page (with an anchor or block) you want to link to.
- In the drop-down menu on the right, click Get Public URLs and copy the public URL using Notepad, TextEdit, or similar.
- In the Landing Page Design tab, locate the Anchor or block you want to link to.
- 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: - Go to edit the landing page you want to link from.
- In the rich text editor, highlight the text you want to be a link. Then in the toolbar, click the Link button:
- 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
- Click Save, and also save your changes to the landing page.
The link takes users to the destination landing page's anchor or block.