How to make a button link to a section on the page?

Anchor links let shoppers jump to a specific section with one click instead of scrolling. For example, a Buy now button in your top banner can take visitors straight to the product section further down. This guide shows you how to connect a button to any section using a section ID.

1. Set an ID for the section

First, give the target section a unique ID. The button uses this ID to find the section.

Step 1: In the builder, select the section you want the button to jump to. To select the exact section, open the Navigator (Ctrl + Shift + U) and click the section name.

Step 2: In the settings panel, open the Advanced tab, then expand Attributes.

Step 3: In the CSS ID field, enter a unique ID, such as buy-now.

Use lowercase letters, numbers and hyphens only, with no spaces. Each ID must be unique on the page.

2. Link the button to the section

Next, point the button to the section ID you just created.

Step 1: Select the Button element, then open the Content tab in the settings panel.

Step 2: In the Button link field, enter # followed by the section ID, for example #buy-now.

Step 3: Click Save, then preview the page and click the button to check that it scrolls to the right section.

The ID must match exactly, including capitalization and hyphens. If the section ID is buy-now, the button link must be #buy-now.