COS-Pages-Editor

Adding an anchor link to a blog, email, or page

Last updated: June 12, 2018

Applies to:

Marketing Hub: Basic, Pro, Enterprise

You can use anchor links to help your readers navigate to a specific section of your content without having to scroll. First you'll insert an anchor in the section you want to link to, then you can add a link that takes visitors directly to this anchor.

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. Anchor links also won't work in the email preview.

  • In your HubSpot Marketing Basic, Profession, or Enterprise account, navigate to Email, Blog, Landing Pages, or Website Pages.
  • Hover over the page, post, or email where you want to add an anchor and click Edit.
  • 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.
  • In the rich text toolbar, click Insert > Anchor.
In the rich text editor, click Insert > Anchor.
place-cursor
User-added image
  • Name the anchor as desired, keeping in mind that this anchor will be included in the link URL. If you want to use more than 1 word for your anchor, be sure to use dashes in between each word. In our example, we'll name it step-2. Then click Ok.
name-your-anchor
  • You'll see the anchor inserted in the desired spot, exactly where your cursor was.
  • 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.
anchor-added
When the text is highlighted, click Insert > Link.
  • Add a link by clicking Insert > Link or clicking the link iconlink in the toolbar.
    • If the anchor you are linking to is on the same page as your link, use the hashtag icon # followed by the name of the anchor in the Link URL field. In our example, since the name of our anchor is step-2, we entered #step-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 followed by the # sign followed by the name of the anchor. In our example, since the name of our anchor is step-2, we would be: http://offers.hubspot.com/product-guide#step-2
  • Click the Save.
link-to-anchor
User-added image
  • Clicking this link will bring the visitor directly to the section of the page where you have placed the anchor.

Was this article helpful?

If you still need help you can get answers from the , or to contact support.