⚠️ Note
This article is intended for advanced users who are comfortable editing HTML. If you're unsure, we recommend working with someone on your team who has HTML experience — or using built-in scroll options like scrolling to the donation form.
Want to scroll donors to a specific section on your campaign page — like a video, testimonials, or FAQ? You can do this by assigning an anchor ID to a section and linking a button to it.
This creates a smooth on-page navigation experience without needing any code knowledge.
🛠️ Step 1: Assign an ID to the Target Section
- In the Page Builder, click on the section you want to scroll to
- Click the
<>(code) button to open the HTML editor
- In the section's main
<div>or<section>tag, add a uniqueidattribute. Example:
- Click Save to apply the change
🔐 Make sure the ID is unique on the page — use only lowercase letters, numbers, underscores, or hyphens.
🖱️ Step 2: Set Up the Scroll Button
- Click the button you want to use for scrolling
- In the right-hand panel, find the Action section
- In the URL field, enter the
#followed by your section’s ID
Example: #share
✅ Save and Test the Scroll Behavior
- Click Save
- View your live page
- Click the button — the page should smoothly scroll to the section you targeted
