# How to use anchor or jump links in ProSite

> Anchor links let visitors jump straight to a specific section of your page without scrolling.

Source: https://www.kualo.com/knowledgebase/prosite-widgets/how-to-use-anchor-or-jump-links-in-prosite
Updated: 2026-06-13

---

Anchor links (sometimes called jump links) let visitors navigate directly to a specific section of your page with a single click. They are especially useful for long pages, tables of contents, and one-page sites where you want to guide users to key content like pricing or contact forms.

## What is an anchor link?

An anchor link is a clickable link that scrolls the page to a named element rather than loading a new URL. You set a named anchor on the destination element, then point any link on your site at that anchor. When clicked, the browser jumps straight to that section.

Anchor links are useful in several situations:

- Long articles or documentation pages where a table of contents helps readers skip to the section they need.
- One-page websites where the navigation menu scrolls to different sections rather than loading separate pages.
- Landing pages where you want to direct visitors to a specific call to action, such as a pricing table or contact form.

## How to add an anchor link in ProSite

### Step 1 - Name the destination element

1. Log in to ProSite and open the page you want to work on.
2. Select the element (section, block, or item in your navigation tree) that you want visitors to jump to.
3. In the **Advanced** configuration panel on the right, find the **Anchor** text box and enter a short descriptive name with no spaces, for example `contactform`.

![Setting an anchor name in the Advanced panel](https://kb-cdn.kualo.com/13/d9/13d961d0c040e3a64143c84ca42c9890b9f63202.png)

### Step 2 - Add the link to a button (or any other element)

Once the anchor is saved, you can link to it from any button, text link, or navigation item on your site. The steps below use a button as an example.

1. Select the button you want to use as the link.
2. In the **Button** configuration panel on the right, press the pencil icon next to the **URL** field.

![Editing the button URL in ProSite](https://kb-cdn.kualo.com/6a/4a/6a4a95668efca7a5f218fd62e0caa71b61c52b93.png)

3. In the **Link Properties** window, select **Page on your website**, then choose your anchor from the dropdown. It will appear with a `#` symbol in front of the name you gave it.

![Selecting the anchor in the Link Properties window](https://kb-cdn.kualo.com/6a/01/6a012651086e3f4c02c81afce83096e94c1502e6.png)

4. Press **Apply**. The URL field will update to show the page name followed by the anchor name.

![Button URL showing the anchor link](https://kb-cdn.kualo.com/66/0f/660feaf214c0ad4b56e9df4cadc3e891f6f10ee3.jpg)

### Step 3 - Test the anchor link

1. Press the **Preview** button to open a preview of your site.
2. Click the button or link you just configured. The page should scroll smoothly to the anchored element.

![Animated preview showing the anchor link scrolling to the target section](https://kb-cdn.kualo.com/10/ec/10eccf8ff416f49628887189958277162de73fe1.gif)

:::tip
You can use anchor links in your site navigation to build a one-page website. Simply point each navigation item at a different anchor on the same page.
:::

---

_Source: Kualo Knowledgebase — https://www.kualo.com/knowledgebase/prosite-widgets/how-to-use-anchor-or-jump-links-in-prosite · © Kualo Ltd._