Create Anchor Links

Anchor links allow visitors to jump directly to a specific section of a page instead of scrolling manually. They’re perfect for navigation buttons, table of contents links, and one-page layouts.

Add an HTML Anchor

Step 1: Select the block or Row Layout you’d like your button to scroll to.

Step 2: In the settings panel on the right, open the Advanced tab.

Helpful Tip: If you don’t see the Advanced tab, make sure you’ve selected the entire block or Row Layout—not a heading, button, or other block inside it.

Step 3: Enter a unique name in the HTML Anchor field.

For example:
about
pricing
contact

Choose a short, descriptive name that will be easy to remember.

Link Your Button

Step 1: Select the button (or text link) you’d like to use.

Step 2: In the Link field, enter your anchor using a # followed by the anchor name.

For example:
#about
#pricing
#contact

Helpful Tip: Anchor names cannot contain spaces. Use lowercase letters and hyphens if needed, such as #about-us or #contact.

Link to an Anchor on Another Page

You can also link to an anchor on a different page by adding the page URL followed by the anchor.

For example:

https://yourwebsite.com/about/#contact

When visitors click the link, they’ll be taken directly to that section of the page.