Skip to content

Create an ANCHOR LINK

How to set up and use an anchor link for your website pages in HubSpot

maka-icon-anchor

ANCHOR LINKS

An Anchor Tag, or Anchor Link, is an element that you can add to your website page to allow your site visitors to jump to a specific spot on the page without scrolling.

anchor-link-setup-example

FAQ

Why doesn't my anchor link work?

An anchor link has two parts - the target, where you say where on the page you want the user to jump to, and the link, where on the page the user clicks to go to the anchor link.

Both parts have to be configured and the text has to match exactly to work.

Setup Instructions

In HubSpot Anchor Links are set up in two steps. First, the anchor link has to be defined (where it goes); then the anchor link has to be linked (where the link is).

Add Anchor Links to Your HubSpot Website Pages

Marketing  → Website → Website Pages

All POWER Sec Modules have an Anchor Link ID that you can define in the settings.

doc-module-anchor-link

The ID must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".")

You can separate multiple words in an anchor with hyphens, it is best to keep it short and clear.

Because the ID will be used in your URL it is recommended to be lowercase.

Once you have defined the Anchor Link ID, you can use this ID to create a URL that can be used in many ways.

Anchor Link ID =→ test

Link to External =→ #test

EXAMPLE: If your anchor link is defined as features you can set up links to this location on the page in one of two ways:

1. On the same page, you can use the relative URL by adding #features as an "External" link.

2. On other pages of your website (or externally) you can use the full page URL with the anchor link at the end:

https://www.maka-agency.com/create-an-anchor-link#features

Creating a Sub-Menu or On-Page Menu with Anchor Links

The POWER Sticky Sub-Menu is a preconfigured layout that allows you to quickly and easily add a sub-menu to your content pages, making it easy to set up anchor links for your pages.

Create Anchor Link in Rich Text Editor

For sections or modules with content using rich text editors, you can also set up anchor links within the text.

This is especially helpful for long-form content and blogs.

HubSpot allows you to select the defined anchor links via Anchor on this page in the Insert Link menu.

doc-anchor-link-rich-text-choices

The list of anchor links will only show the ones you configured within the rich text fields of that page.

This list does not analyze and show all available anchor links, including those set up within the module settings using Anchor Link ID.

You can insert this as Link to "URL" and simply add a # before the id you chose.

doc-anchor-link-URL-module

  HubSpot Knowledge Base insert and manage anchor links

Next Steps

Similar to Anchor Links, Filtering allows you to enhance the User Experience for site visitors on your page by creating categories that the site visitor can use to sort content, such as videos, images, resources, and more.

Next up:

NEVER MISS A POWER UPDATE

We are continuously improving our modules and updating our documentation. Stay in the loop.