Skip to main content

How can I make the Button widget scroll to a section on my page?

Use the Scroll To action so the Button widget moves visitors to a specific page section.

Written by Karan Bhakuni

How can I make the Button widget scroll to a section on my page?

Use the Scroll To button type when the button should move visitors to another section on the same page, such as pricing, reviews, a form, or a booking area.

This screenshot should show the action type and the field where the target section ID is entered.

Enter the section ID

Open the Templates tab and select Scroll To. Then open Setup > Trigger & Action and enter the section ID you want the button to scroll to.

If your website section has an ID like pricing, you can enter pricing or #pricing. The Button widget will use that value as the scroll target when visitors click the button.

When to use this

  • Use it for “View pricing”, “See reviews”, “Book now”, or “Go to form” buttons.

  • Use it when the destination is on the same page, not a different page.

  • Keep the button text clear so visitors know where the click will take them.

What to check if it does not scroll

  • Confirm the target section on your website has the same ID.

  • Do not add spaces inside the section ID.

  • Test on the live page where that section exists.

  • If the section is loaded later by another app or script, wait for the page to finish loading before testing.

Did this answer your question?