Anchor Links are links that allow you to easily jump from one point in a record to another, such as a table of contents, to a subsection of a web page. The Drag & Drop and Free Style Email Template Editors allow you to add Anchor links to a template.
Goals
- Learn how to set up an Anchor and Anchor Link in the Drag & Drop and Freestyle Editors.
Email Designer
To create an anchor link in the Email Designer, you will need to manually create the anchor via an HTML Block and then set a link to reference that HTML Block's anchor. To do this, drag an HTML Block into the designer stage:
To create the anchor, add this line to the Content Properties field of the HTML Block:
<a name="anchor1"></a><br />
It will look like this:
\
The word in quotes is the anchor name, and you can make it anything you want. Simple is best!
Now, to create the anchor link using the above example, simply create a link with #anchor1 as the URL and Target set to "None".
Of course, you will need to use the anchor name that you set in the HTML Block - the point here is that you add the # to the beginning of the value when setting the anchor link URL.
And that's it! Clicks on the link will jump down to the anchor. It is always a good idea to send yourself a test email to ensure the anchor works properly.
Drag & Drop
To create an Anchor link in the Drag & Drop Editor, first select the text that you want the Anchor Link to jump to and then click the Anchor button:
In the Anchor Properties box that pops up, give your Anchor a name and click OK.
Next, highlight the text/image that you would like to be the Anchor Link and click on the Hyperlink Manager button.
In the Hyperlink Manager, select the Anchor tab and choose your Anchor from the Choose an Existing Anchor menu and then click the Insert Link button.
Your Anchor Link is now set up and can be tested in the Preview view.
Freestyle Editor
To create an Anchor in the FreeStyle Editor, first select the text that you want the Anchor Link to jump to and then click the Anchor button:
In the Anchor Properties box that pops up, give your Anchor a name and click OK.
Keep your anchor names as short and concise as possible. If your anchor names are very long, they might not work correctly.
Next, highlight the text/image that you would like to be the Anchor Link and click on the Hyperlink Manager button.
In the Hyperlink Manager select the Anchor tab and choose your Anchor from the Choose an Existing Anchor menu and then click the Insert Link button.
Your Anchor Link is now set up and can be tested in the Preview view.
Want to include an Anchor Link to an external website? This is possible to achieve within the link manager within the Drag and Drop and Free Style designers just by placing the full URL in the Website URL tab of the Hyperlink Manager. If you're working within the Block or Custom HTML editors, take a look at our Add an Outside Anchor Link to an Email help article!
Feature Added: Original |
Feature Updated: 8.1.0 |
Click Version Needed: Any |