Webflow sync, pageviews & more.
NEW

Why does the Request demo button work on my pricing page but not on my home page in Webflow?

TL;DR
  • Check that the Home page button has the same link type and target as the Pricing page button.
  • Ensure anchor targets (like section IDs) exist on the Home page.
  • Confirm all interactions or triggers linked to the button are also defined on the Home page.
  • Verify that any required modals, forms, or elements are present and visible.
  • Make sure Symbols or Components are properly synced and not unlinked.
  • Inspect the browser console for JavaScript errors when clicking the button.

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.
  • 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.

Rate this answer

Other Webflow Questions