Why does the Request demo button work on my pricing page but not on my home page in Webflow?
TL;DR
- Check button link settings and compare with the Pricing Page button.
- Verify interactions and triggers to ensure no conflicts.
- Ensure no overlapping elements block the button; adjust z-index if needed.
- Inspect and test custom JavaScript that may interfere.
- Publish the site and test in Incognito mode.
- Compare class names and styles with the working button.
The Request Demo button on your Home Page might not work due to differences in link settings, interactions, or custom code between the Home and Pricing pages. Below are steps to troubleshoot and fix the issue.
1. Check Button Click Settings
- Go to the Home Page in Webflow Designer.
- Select the Request Demo button and check the href or link settings in the right-side panel.
- Compare it with the button from the Pricing Page (Copy & Paste the working button to test if it works properly on the Home Page).
2. Verify Button Interactions and Triggers
- Open the Interactions Panel (lightning bolt icon).
- Check if there are any conflicting interactions on the Home Page button (e.g., hidden visibility, different animation settings, or custom JS blocking clicks).
- Disable interactions temporarily to see if the button works without them.
3. Check for Overlapping Elements
- Inspect the button’s parent containers to ensure no other elements are layered over it.
- Try setting the button’s z-index to a high value (e.g., 999) using the Style panel.
4. Inspect Custom Code
- In Project Settings > Custom Code, check if there's JavaScript that could be preventing clicks.
- Look in Page Settings > Custom Code (inside the Home Page) for any conflicting scripts.
- Try removing or commenting out custom JavaScript and testing the button again.
5. Test Button in Published Mode
- Sometimes, the issue appears only upon publishing.
- Try publishing the site and testing the Home Page button in an Incognito window.
6. Compare Class Names and Styles
- Ensure the Home Page button has the same class and styles as the Pricing Page button.
- If there are unique button styles on the Home Page, try resetting them to match the working version.
Summary
To fix the unresponsive Request Demo button on your Home Page, check the button link settings, interactions, overlapping elements, custom code, and published site behavior. Try copying the working button from the Pricing Page as a test. If issues persist, inspect JavaScript conflicts and button styles.