Why use custom code?
Which HTML tags are allowed?
a, abbr, acronym, address, b, bdo, big, blockquote, button, caption, center, cite, code, colgroup, dd, del, dfn, dir, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, i, ins, kbd, label, legend, li, map, menu, ol, optgroup, option, p, pre, q, s, samp, select, small, span, strike, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, u, tr, tt, u, ul, var
general attributes: style, id, class, data-*, title
a: href, name, target
img: align, alt, border height, hspace, src, vspace, width
table: align, bgcolor, border, cellpadding, cellspacing, width
tbody: align, valign
td: align, bgcolor, colspan, height, rowspan, valign, width
tr: align, bgcolor, valign
tfoot: align, valign
th: align, bicolor, colspan, height, rowspan, valign, width
thead: align, valign
How to add Anchor Links in Emails using HTML content
An anchor link is a hyperlink in an email. When that hyperlink is clicked, it takes you to another part of the email instead of opening a separate window. Anchor links are most helpful for long messages, which is why they’re generally used in email newsletters instead of other emails.
You might choose to include just a single anchor link, or add a full anchor menu in your email header. This menu acts like a table of contents so readers can see at a glance what’s included in the message.
Step 1: Build the templateDrag in a three-column structure to arrange the top anchors. Continue to add text and images to recreate the header, intro and first story. After formatting the text, get ready to add the links.
Step 2: Choose an anchor link name and its position
Drag and drop the HTML content to name and position the anchor in the correct section of the template. This will be the section to where you want the link to “jump” down to.
To create the anchor, paste in one line of HTML code in the Content Properties field of the custom HTML block on the right:
<a name="blog"></a><br />
The name in quotes (“blog”) can be whatever you want. Just keep it simple and easy to remember — ideally one word — as this is the keyword you’ll use when linking to this anchor tag.
Step 3: Link the anchor
Now that the anchor’s position has been specified, the text in the header needs to be linked to it. Simply select “BLOG” and choose the Insert Link selection in the toolbar.
In the menu, link to the anchor by entering #blog in the URL field.
For the link to work, it’s important to include the hashtag (#) before the name and to make sure the name matches the one you chose earlier. The shorter and simpler the name, the easier it’ll be to remember.
Step 4: Get Browser Link to test the anchor links
When the page opens on your browser click on the anchor links and watch the magic happen. You can add multiple anchor links by following the same steps.
Please sign in to leave a comment.