COS-Pages-Editor

How can I add an anchor link in my email or page?

Last updated: March 20, 2017

Available For:

Marketing: Basic, Pro, Enterprise
Sales: N/A

To add a link that goes to a specific section of a page, you first need to place an anchor at the section you want to link to, then use an anchor link to allow visitors to get to that section without having to scroll.

Please note: It is strongly suggested that you do not use anchor links in email messages because anchor tags may not work in every email client. Also, please be aware that anchors in emails will not work until the actual email is sent (anchors will not function in previews of the email). Therefore, if you want to test such anchors, it is recommended you clone the email after you have finish drafting it and send the clone to yourself.

  • First, navigate to the desired page or email, in which you will insert an anchor.
  • Open the content editor for that page and place your cursor where you wish to insert the anchor. In the example below, we will place the anchor just before the text "Step 2
User-added image
  • In the rich text toolbar, click Insert > Anchor.
In the rich text editor, click Insert > Anchor.
User-added image
User-added image
  • Name the anchor as desired, keeping in mind that this achor will be included in the link URL. In our example, we simply named it "2".
User-added image
  • Once you click on the OK button, you'll see the anchor inserted in the desired spot.
User-added image
  • Next, you need to create the link that sends the visitor to the section of the page where the anchor was inserted. Highlight the text you want to use. In the example below we are highlighting the text "Skip to Step 2".
User-added image
When the text is highlighted, click Insert > Link.
  • Add a Link URL by clicking Insert > Link: 
    • If the anchor you are linking to is on the same page as your link, use the "#" sign followed by the name of the anchor in the Link URL field. In our example, since the name of our anchor is "2", we entered"#2"
    • If the anchor you are linking to is on a different page than the link to that anchor, include the URL of the page where the anchor lives + the "#" sign followed by the name of the anchor. In our example, since the name of our anchor is "2", we would include "http://offers.hubspot.com/product-guide#2" in this scenario.
  • Click the Add Link button.
User-added image
User-added image
  • Clicking the link will bring the visitor to the section of the page where you have placed the anchor.
User-added image