Skip to main content

How can we help you?

Link to a part of a page

You can link to a part of a page, typically to a heading or a section.

This has the following benefits:

  • On long pages, you save visitors from scrolling.
  • Visitors can skip parts of the page they're not interested in.
  • Visitors can act more quickly once they've made a decision without having to leave the page.

How to link to a part of a page:

  1. Open a landing page, website page, or a course theme in the Pagebuilder.

  2. Copy the CSS ID Selector of the part of the page to the clipboard.

    Usually, you take a heading to which you want to link.

  3. Add the Button component to the page.
  4. Click on the gearwheel icon of the component gearwheel.svg to configure the component in the side menu.
    1. In the Button action field, select the Open URL option

    2. Enter a URL.

      Insert a hashtag # and the CSS ID Selector of the target link.

      Example:

      #pgb-123abc45-ab12-12ab-ab12-abc123defghi.

    3. Disable the option Open in new tab.
    4. Edit the other settings of the component.
  5. Click on Preview in the header bar to test the changes.
  6. In the header bar, click on speichern.svg Save.

Good to know

You can also link from another page to a part of a page. Add the hashtag # and the CSS ID Selector of the target link to the URL of the page.

Example:

https://myshop.digibiz24.com/path#pgb-123abc45-ab12-12ab-ab12-abc123defghi