Set up built-in anchor links to highlight sections for visitors or make important information readily accessible.

An anchor link (or "page jump") is a special URL that takes you to a specific place on a page. When you set up a built-in anchor link in a page section, you can link visitors to the top of that section regardless of its placement on the page.

You can set up page section anchor links on version 7.1. If your site is on version 7.0, you can manually create anchor links in content areas with code blocks, or use built-in index page anchor links in some templates.

Video on page section anchor links

Watch this video for an overview of anchor links and how to set them up with page sections.

What sections can have anchor links?

You can set up anchor links in these page section types:

• Auto layouts
• Block sections
• Course sections
• Gallery sections
• Videos sections

Note: It’s not possible to add anchor links to blog, events, portfolio, or store sections, but you can create an anchor link in a blank section above one of those sections for similar behavior.

Set up a page section anchor link

When setting up an anchor link, you’ll first create the anchor link slug in the page section editor. This generates the URL that you’ll then use to link visitors to the section.

To set up the anchor link:

1. Open the Pages panel.
2. Click the page with the section you want to link to, then click Edit.
3. Hover over the section and click Edit Section.
4. Under Anchor Link, add the anchor link slug in the text field. This field includes a hashtag that can't be deleted, as it's a required part of the slug. It also automatically changes spaces to dashes.
5. Click the Copy Link icon to add the anchor link URL to your clipboard. The copied URL uses your primary domain. If you don’t have a custom domain, the URL uses your built-in domain.
6. Elsewhere on the page, click Add block, then click Text to add a text block. These steps use a text block as an example, but you could also use a button block, image block, or any other type of link.
7. Type the text you want to link, highlight it, and click the link icon in the text block toolbar.
8. Under URL, paste the copied anchor link URL from the page section. It should look like this:

/pageslug#anchorlinkslug

9. Press Enter.
10. Click Save. When visitors click the link you created, it'll take them to the page section where you set up the anchor link slug.

Use an anchor link to link to the top of a page

Linking to the top of a page is useful if your page content is long and you want to give visitors a convenient way to return to your navigation.

To link to the top of a page:

1. Add an anchor link slug to the first section on a page. You may want to use top as your slug text.
2. Add a link to the bottom of the page and ensure the Open link in new tab toggle is off. You may want to use Back to top as the link text.
3. Click Save.

Use an anchor link to link to the bottom of a page

Linking to the bottom of a page is useful if you want visitors to find information or interact with something in your footer, like a newsletter block.

To link to the bottom of a page:

1. Add an anchor link slug to the last section on the page, or to a section in your site's footer. You may want to use bottom as your slug text.
2. Add the link where you want, usually toward the top of your page, and ensure the Open link in new tab toggle is off. You may want to use Go to footer as the link text.
3. Click Save.

Link to sections that don't have built-in anchor link slugs

You can't directly link to the section types that don’t have built-in anchor link slugs. However, you can create a similar effect by linking to a section directly above the unsupported section:

1. Add a blank section above the section you want to link to.
2. Set up the anchor link to lead to the blank section.
3. Optional: To avoid a gap created by the blank section, click the blank section, then click Edit Section and switch the Fill Screen toggle off.
4. Click Save.

Will my slug text be visible to visitors?

Yes. When a visitor clicks an anchor link, the anchor link slug appears at the end of the site’s URL in the browser address bar. Your slug text can be anything you want, but ensure you don’t mind it being visible to visitors.

Can I use spaces in my slug text?

No. Slug text can't include spaces. The anchor link field automatically changes spaces to dashes when you enter the slug name.

Can I use the same slug multiple times?

No. Slugs can only be used once per page. Multiple page sections using the same anchor link slug on the same page won't work correctly.

Do I need to keep links updated?

Yes. If you change your primary domain, page slug, or anchor link slug in the future, ensure you update your links to match. Anchor links won’t work correctly with outdated URLs.

Create anchor links on version 7.0

Page sections and their anchor links aren’t available on version 7.0, but there are other ways to set up anchor links. Depending on your site, you can use:

• Code blocks - Manually set up anchor links in any content area with code blocks.
• Index page anchor links - Set up built-in anchor index page links on some templates. These work similarly to page section anchor links.