Skip to main content

How to Add Jump or Anchor Links

Jump links (also called anchor links) allow visitors to click a link and jump directly to a specific section on the same page instead of scrolling.

Updated over 2 weeks ago

Jump links (also called anchor links) allow visitors to click a link and jump directly to a specific section on the same page instead of scrolling.

They are especially useful for:

  • FAQs

  • Program detail pages

  • Resources pages

  • Long-form content


What You’ll Find in This Article

  • What jump links are

  • How to create an anchor

  • How to link to that anchor

  • Naming best practices

  • Troubleshooting steps


What Is a Jump Link?

A jump link moves a visitor to a specific section on the same page.

Instead of loading a new page, it scrolls to the exact section you define.

Common uses:

  • Table of contents at the top of a long page

  • Buttons that jump to Pricing, FAQ, Contact

  • Age group navigation (U10, U12, etc.)


Step 1: Add an Anchor to the Target Section

  1. Go to Website & App > Pages.

  2. Open the page.

  3. Hover over the section you want to link to.

  4. Select the Section Options pencil icon.

  5. Select Edit Section.

  6. In Advanced Settings, locate HTML Anchor.

  7. Enter a short anchor name.

Best practices:

  • No spaces

  • Use lowercase

  • Keep it short (example: faq, pricing, contact)

  • Anchor names are case sensitive

  1. Select Save.

You have now created the destination point.


Step 2: Add the Clickable Link

Next, create something users can click:

  • Button

  • List of Links

  • Hyperlinked text

Place this near the top of the page or wherever appropriate.


Step 3: Build the Jump Link URL

  1. In the page’s Setup tab, select Copy URL.

  2. Paste that URL into your link field.

  3. Add a pound sign (#) at the end.

  4. Add your anchor name.

Example:

The text after the # must exactly match the HTML Anchor value.


Step 4: Test the Link

  1. Select Preview.

  2. Click your jump link.

  3. Confirm it scrolls correctly.


Jump Link Not Working? (Troubleshooting)

If it does not work:

  • Confirm anchor name matches exactly (case sensitive).

  • Confirm there are no spaces in the HTML Anchor field.

  • Confirm the # symbol is included in the URL.

  • Confirm you saved the section after adding the anchor.

  • Refresh and test again.

If duplicated sections behave strangely, confirm each section has a unique anchor.


Related Articles

  • How to Create a New Page

  • Content Options

  • How to Create and Manage Draft Pages

Did this answer your question?