Webflow sync, pageviews & more.
NEW

How can I remove the purple test mode button on my website in Webflow?

TL;DR
  • In Webflow Project Settings, go to Ecommerce > Payments, toggle off Stripe Test Mode, and save changes.
  • Re-publish the site and check the live domain (clearing cache if needed) to confirm the purple Test Mode button is gone.

The purple Test Mode button appears on your Webflow site when Stripe Test Mode is enabled for an Ecommerce project.

1. Disable Test Mode in Webflow Ecommerce

  • Go to your Webflow Project Dashboard.
  • Click Project Settings.
  • Navigate to the Ecommerce tab.
  • Scroll to the Payments section.
  • If you’ve connected Stripe, you’ll see an option labeled Enable Test Mode.
  • Toggle off the Test Mode switch.
  • Save your changes.

2. Republish the Site

  • After disabling Test Mode, go back to the Designer or Project Dashboard.
  • Click Publish and re-publish your site to the live domain for the change to take effect.

3. Double-Check on Live Domain

  • Visit your live site (not the Webflow.io staging subdomain).
  • If the Test Mode button still shows, clear your browser cache or test in an incognito window.

4. Additional Note: Only Shows in Test Mode

  • The purple button only appears when Stripe is in Test Mode and only shows on the published site for that mode.
  • It won’t appear if Stripe is in Live Mode and everything is set up correctly.

Summary

To remove the purple Test Mode button, go to Project Settings > Ecommerce > Payments, disable Test Mode, and re-publish your site. This button is triggered by Stripe Test Mode and disappears once it's turned off.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
Why does the merge function in Quick Stack only work with two or more rows in Webflow?
How can I make an image fade in smoothly after a page finishes loading in Webflow?
How can I fix the code export option looking like the one from the free plan after upgrading my Webflow plan?
How can I prevent background scrolling when the mobile menu is overlayed in Webflow?
Does anyone have suggestions for a site or app that can emulate the latest Safari version to help me troubleshoot a flickering issue in Webflow? It only happens on the home page with split navigation div elements.
How can I unlink and relink CMS elements in Webflow, specifically the current CMS category, and bind it to a new one?
What are the steps to share a web page created in Webflow using a public share link?
How can I connect to the Vimeo API in my Webflow CMS template to display embedded videos?
Is it possible to write a JavaScript code in Webflow to hide a parent DIV element when a child element is set to Block, specifically when a CMS collection has no items?
How can I create a scrolling effect for a section with multiple company logos of varying widths in Webflow?
What is the process of displaying CMS Collection Item Fields as editable input fields using an HTML Embed in Webflow?
Is there a comprehensive list of custom attributes and their functionalities in Webflow?
Can the form's action in Webflow be overwritten using JavaScript when the checkbox is unchecked, without causing a "405 Not Allowed" error?
Can you use Webflow's native icons like Close (X), Arrows (< >), and Hamburger/Menu icons instead of third-party tools like Font Awesome?
How can I fix the issue of the scrollbar line not being displayed on iOS devices for the horizontal scroll gallery on my Webflow site?
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?