*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