When your newsletters contain a lot of content, adding a table of contents at the top of the email improves the reading experience. With navigation anchors, your contacts can click a section to be redirected directly to the corresponding section within the message.
🛠️ Step 1: Place the destination anchor in your email
To define where the link should lead, you need to insert an invisible HTML marker just above the targeted content.
- In the left sidebar, drag a Code block to the exact location where the reader should land.
- Click this block to open the Code Settings panel on the left.
- In the HTML area, insert the following tag between the
<td>and</td>tags:
HTML
<a name="nomdemonancre"></a><br/>
(Replace
nomdemonancre with a short, descriptive identifier, for example partie1 or actualites, without spaces or accented characters).
💡 This code block will remain invisible to the naked eye and will simply serve as an anchor point for your link.
🔗 Step 2: Create the link from the table of contents to the anchor
Once the anchor point has been created, you can design the navigation menu in your email header.
- Insert a text block for your table of contents or select an existing block.
- Highlight the text that should serve as the link (e.g., Part 1).
- Click the Link icon in the block's toolbar.
- In the URL field, enter the name of your anchor preceded by the
#character (e.g.,#partie1). - Keep the link set to open in the active window (same window).
- Confirm to save the link.
🧪 Step 3: Test how it works
⚠️ Behavior in the editor: Clicking the anchor does not work directly while designing in the email builder.
To verify that your anchors work:
- Use Webmecanik Automation's preview tool.
- Send a test email (sample email) to your email inbox to check automatic scrolling across your different email clients.
Comments
0 comments
Please sign in to leave a comment.