How to add anchors to a template (table of contents)

In this article :

  • How to add anchors to your template
  • How to edit or delete your anchor
  • Problems with anchors

It is possible to create links to different parts of your newsletter. For exemple, when your email is quite long, to allow your reader quick access to the news he is interested in, you can create a small table of content in which your contact will be able to click to access desired content.

Reminder: It is best to avoid really long emails. Click here to learn why.

How to add anchors in your template:


To create a link between different parts of your newsletter, follow the steps below:


1. Start by adding your text content in your template. You also have to prepare a text on which you will put the links your member can click to access the different parts of your newsletter. For example a list with bullets.



 

2. Once your text has been entered, put your mouse at the spot you would like to put your anchor, in other words where you would like the reader to land when the link is clicked.


3. Then, click on the flag icon (anchor) located in the middle of the bottom row in the “Edit text” box.


4. A dialog box called “Anchor properties” will open. Give a name to your anchor. Avoid spaces, special characters and apostrophes in the name. Then click “OK” to confirm.



You will then see a flag appear where you had placed your mouse previously in your text. This is the anchor.


5. You now need to create a link to your anchor. To do so, use your mouse to highlight the text on which you want to put the link and then click on the “link” icon represented with a chain.


6. To build the link:

If your link and anchor are in the same text block, follow these steps:

Choose “link to anchor in the text” for the link type. Under “Select an Anchor”, choose in the “ By Anchor Name” list the name of the desired anchor then click “OK”.


If your link and achor are in different text blocks, follow these steps instead :


Leave the link type to “URL”. In the “URL” field, enter the “#” sign followed by the exact name of your anchor. Do not put a space between the “#” and the name of your anchor. Change the protocol to “<other>" if it didn't change on it's own.

7. Click “OK” at the bottom of the “edit text” box to save your changes and don’t forget to save your template.

8. Now, all that remains is to test your link to make sure it works correctly. Of course, if you have other anchors to insert in your blocks you need to repeat these steps for each of them.

How to edit or delete your anchor

You made an error and wish to edit or delete your anchor, here is how to proceed :

1. Right click on the flag icon.

2. Choose “Edit Link” to edit your link or on “Unlink” to remove it completely.



Note: In both cases, don’t forget to change the links that were associated to these anchors, if any.


Problems with Anchors


Anchors are generally well supported but could refuse to work on some email softwares.


For example : Anchors are not supported on iPhone/iPad with IOS 8+ (Source : Campain Monitor). On mobile phones using Android, during our tests on the default application “Email” on recent Android versions, anchors did not work. However, on Android 5.0= in the default “Gmail” application, anchors worked correctly.
 

 

Top