Adding Anchor Links using Custom HTML

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

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

2. In that HTML block, add this code:

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:

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.

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.

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.

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