Skip to main content
All CollectionsBuilding Emails & Landing Pages
Adding Anchor Links using Custom HTML
Adding Anchor Links using Custom HTML

How to add anchor links to the emails using custom HTML

Jessica Hamilton avatar
Written by Jessica Hamilton
Updated this week

*This feature requires a custom HTML block.

Knak’s mission is to empower our customers to build their assets in a no code environment, as such we removed the custom html block. If you’re struggling to build something please reach out to your CSM or our support team and we can advise you on the best path forward and/or help re-enable this feature. If you'd like to use anchor links in landing pages, please navigate here.

Anchor links can help your readers jump quickly from one part of your email to another. Anchor links will work on buttons, text links and images.

It's easy to add anchor links to your emails using Knak's advanced editor.

To create an anchor link:

1. Add an HTML section directly above the content block you want to anchor to:

2. In that HTML block, add this code:

<span id="anchorname"></span>

3. Go to the origin of your anchor link and set the hyperlink. For buttons and images, you would use the same URL (#anchorname) that is shown below in the text link example.

Here's an example for text links:

Previewing Anchor Links

Anchor links won't work in the Knak preview screen, you would need to export or sync your content to see the anchor links working.

How to add in anchor links to your email to direct users to a landing page

To add an anchor link in an email that directs to a landing page, add the link of your landing page with your anchorlink appended to your email. See below for a full video tutorial.

Video Tutorial

Troubleshooting: Anchor links in emails

Keep in mind that anchor links don't work in all email clients. They work about 50% of the time. Please evaluate if this is the right tool for you. You can check out this website for more information on where anchor links using custom HTML are supported.

Keep in mind we do use id attributes for the anchor links, so any that display with the "Partial. Works when targeting an empty anchor with the corresponding name attribute, but not with id attributes" warning will not support this feature.

iOS (iPhone and iPad)

Mail app for iOS

Outlook app for iOS

Gmail app for iOS

Yahoo app for iOS

Windows

Outlook Classic

New Outlook

Mac

Mail app

Outlook for Mac

Legacy Outlook for Mac

Android

Outlook app for Android

Gmail app for Android

Yahoo app for Android

Webmail (Chrome on a Mac)

Outlook.com

Yahoo.com

Gmail.com

Another caveat to note is that Outlook App for iOS will "clip" emails that are longer than 5000px tall, showing a "Read More" button. The anchors don't work correctly until someone taps "Read More" to view the full-length email, they do not not go to the right place since half the page is missing. If you want to avoid this clipping, make sure to modify your mobile styles to make your email vertically compact and come in under 5000px tall on mobile.


Need more help? Contact support via live chat within Knak using the chat bubble in the bottom right corner or email support@knak.com

Did this answer your question?