If your "Request demo" button works on the Pricing page but not the Home page, it's likely due to a difference in button linking, form structure, or interaction settings between the two pages.
- Select the "Request demo" button on your Home page in the Webflow Designer.
- In the Element Settings panel, inspect the link type. It could be set to:
- Page section (anchor link)
- Another page
- Form submission
- Webflow interaction
- Compare this with the button on the Pricing page. Make sure both use the same link type and target.
2. Verify Section IDs (for Anchor Links)
- If the button links to a section via an anchor like
#demo-form
, check that this anchor exists on both pages. - On your Home page, ensure there is a section or element with the matching ID (e.g., demo-form).
- If the anchor target doesn't exist, the button will appear to do nothing.
3. Review Webflow Interactions & Triggers
- If you’re using interactions (e.g., modal open, scroll animation, form slide-in), check if the interaction is also defined on the Home page.
- Go to the Interactions panel and look for any Page Load or Click triggers related to the button.
- Make sure that required animations or modals exist and are functioning on the Home page.
4. Check for Element Visibility Issues
- Verify that any forms or modals triggered by the button on the Pricing page also exist (and are not hidden or deleted) on the Home page.
- Sometimes, hidden elements from symbols or reused components aren't published correctly on different pages.
5. Confirm Symbol or Component Sync
- If the button is part of a Symbol or Component, edits to its behavior may not sync across all pages.
- Ensure the button instance on the Home page hasn’t been unlinked or modified independently.
6. Inspect Console Errors
- In your browser, open Developer Tools → Console tab, and click the button.
- Look for any JavaScript errors that might indicate a missing script or broken interaction on the Home page.
Summary
Your Home page button likely fails due to missing anchor targets, inconsistent interactions, or absent linked content like forms or modals. Compare the button structure and interactions on both pages to find and fix the discrepancy.