CMS-Pages-Editor

Add an anchor link to a blog post or page

Last updated: April 30, 2019

Applies to:

Marketing Hub  Professional, Enterprise
Legacy Marketing Hub Basic
HubSpot CMS

Use anchor links to help your visitors navigate to a specific section of your content without scrolling.

Please note: it's strongly recommended not to use anchor links in emails because anchor tags don't work in all email clients. Anchor links also won't work in the email preview in HubSpot.

  • In your HubSpot account, navigate to landing pages, website pages or blog.
  • Hover over the page or blog post where you want to add an anchor, then click Edit.
  • Click the rich text module to place your cursor in the location where you want to insert the anchor. In the example below, the anchor is placed just before the text Step 2.
  • In the rich text toolbar, click the Insert dropdown menu, then select Anchor.
In the rich text editor, click Insert > Anchor.
User-added image
  • Give the anchor a name. Do not include a # symbol in the name of the anchor. If you want to use more than one word for your anchor, separate each word with dashes (-). In the example below, the anchor is named step-2. Then, click OK.
name-your-anchor
  • The anchor will appear as a small grey square. You can drag and drop the anchor to move it into a different position on the page.
  • Next, create the link that sends the visitor to the section of the page where the anchor was inserted.
  • Highlight the text you want to hyperlink in the content bodyIn the example below, skip to step 2 is highlighted.
When the text is highlighted, click Insert > Link.
  • In the rich text toolbar, click the link iconlinkd.
    • If the anchor you're linking to is on the same page as your link, enter the # symbol followed by the name of the anchor in the URL field. In the example below, #step-2 is entered in the URL field.
    • If the anchor you are linking to is on a different page as the link, include the full URL of the page followed by the hashtag symbol # followed by the name of the anchor. For example, http://offers.hubspot.com/product-guide#step-2.
  • Click Add link.
add-anchor-link
User-added image
  • If a visitor clicks this anchor link, they'll be redirected to the section of the page or blog post where the anchor was placed.