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

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
What other e-commerce solutions can be used with Webflow for creating and managing products on a website?
Can regular buttons be used to change tabs in Webflow?
How can I achieve the desired outcome using the Webflow platform?
How can I insert a radio button into the text label in Webflow? I can't get it to look like the picture. Here is my site Read-Only: [LINK](LINK)
Hi Webflow Community, has anyone successfully used a custom code workaround to make a CMS field automatically populate a paragraph or text form field? I recall a tip from 2016 advising to add a "hand-coded" form in the dynamic embed code and populate the input tags with dynamic data. If anyone has experience with this or could provide a custom code snippet, I would greatly appreciate it. Thank you!
How can I remove auto-generated columns in Webflow's tablet view to make a navigation bar with only 4 columns and 2 rows?
How can I make my fixed menu in Webflow invert colors when scrolling over sections and their images? I've tried using custom code but it doesn't seem to work.
What are some alternative options to the Soundcloud embed widget for hosting audio tracks on a Webflow site with text and image commentary below?
What is the tool that the Webflow Enterprise Partner has created to help creators translate their projects into multiple languages, adding value and features to the upcoming Webflow multilingual release?
How can I scale divs with their content in Webflow so that the projects maintain their aspect ratio and stack on top of each other, similar to the example provided in the link?
Can a multi-vendor marketplace using Webflow be built? If so, do you have any recommendations for platforms and tools, other than Swell, that could be used for inventory management within the marketplace?
Do I need to upgrade or purchase an additional plan in order to use my own URL and free hosting with my old website in Webflow, especially if I plan to create additional sites in the future?
Is there a workaround to output data from an API that is currently being blocked on my Webflow page?
How can I keep the same URL for my documents on Webflow consistently, without the platform automatically changing it and without including "Webflow" in the PDF URLs?
Can Webflow make an API call to my NodeJS server in the backend to retrieve personalized content and integrate with my web application?
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
How can I use the Finsweet script to manage two different sliders on my Webflow page, each feeding content from different collections?
How can I prevent a full-screen slider in Webflow from pausing on hover? Additionally, I would like to link two sliders to one control or navigation. Can anyone with JavaScript knowledge help me achieve this?
How can I change the language of publication dates in Webflow CMS collection from English to Portuguese?
How can I dynamically redirect to a CMS created after form submission in Webflow?
How can I hide the "no items found" empty field in Webflow for a second multi-image gallery on certain pages?
How can I implement swipe functionality between tab panes on mobile using custom code in Webflow?
How can I disable right-clicking on images to prevent downloading on my Webflow portfolio website?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!
How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?
Can anyone help me add a digital clock and date to my Webflow site? I've been able to add custom code, but I need assistance with styling the text. Thank you in advance for your help!
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I pull the stored email from the first form submitted on our website and input it into a field on a later form during the sign-up process in Webflow? I have tried using the provided script but it only displays "undefined" in the field. I don't have much knowledge of JavaScript and found this script online.
How do I mirror user input from a form field to a non-form text field on the same Webflow page in real-time using JavaScript?
When will Webflow update the "Select Field" component to allow for a placeholder with different colors before and after selection, without the need for a label above the field?