How to add an anchor link to jump to a specific part of your page

On a long sales page, an anchor link lets a parent jump straight to the right section, for example from "See my packages" at the top to your packages further down. There are two ways to set it up.

1. With HTML code

  1. In the page editor, add the SleepPRO™ HTML block directly above or below the spot the link should jump to. See How to add custom HTML to your pages.
  2. Enter this code, choosing your own name: <div id="packages"></div>. It does not show anything on the page.
  3. Save the page.
  4. Copy the link of your page.
  5. Add a button at the top of the page. In its URL field, paste your page link followed by #packages.

2. With an element's ID

  1. Click the element you want to jump to. In its settings, scroll down and copy its ID attribute, for example section-d10b45b3.
  2. Copy the link of your page.
  3. Add a button at the top of the page. In its URL field, paste your page link followed by #section-d10b45b3.
The ID attribute in the element settings

A click on the button now scrolls the parent straight to this spot.

Still stuck? We are here for you.

SleepPRO™ support is available 24/7 and usually replies within 12 hours, often sooner.

Send us an email