Webflow sync, pageviews & more.
NEW

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

TL;DR
  • Go to Ecommerce settings, disable Test Mode by connecting a live Stripe account.
  • Republish your site to apply changes and remove the purple "Test Mode" button.

If you're seeing a purple "Test Mode" button on your live website built with Webflow, it means Webflow Ecommerce is still in Test Mode and has not been set to Live Mode.

1. Go to Ecommerce Settings

  • Open your Webflow project.
  • Click on Settings (gear icon) for your project.
  • Navigate to the Ecommerce tab.

2. Disable Test Mode

  • In the Checkout or Payments section, scroll to the Payment gateway area.
  • If you're using Stripe, you'll see a Test Mode toggle.
  • Switch off Test Mode to enable Live payments and remove the test mode status from your site.

3. Set Up Live Payment Method (If Not Done Yet)

  • If you haven’t connected a live Stripe account, you must do this first.
  • Click Connect Stripe and follow the prompts to authorize your live Stripe account.
  • Once connected, Test Mode will be disabled, and the purple test indicator will disappear.

4. Republish Your Site

  • After disabling Test Mode, go back to the Webflow Designer or dashboard.
  • Click Publish and republish your site to the desired domain(s) to apply the changes.

Summary

The purple "Test Mode" button appears when Ecommerce is still in Test Mode. Go to Ecommerce settings, disable Test Mode by connecting a live Stripe account, and republish your site to remove the button from your published website.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How does Webflow support Arabic and other RTL languages?
Why do users receive a "Passwords cannot be collected" popup when attempting to log in or sign up on our published Webflow site?
Is it possible to give separate URLs to the tabs "For Everyday" and "For Pharmacy" in Webflow and have them act as their own pages, but still be clickable and changeable using the tabs function?
How can I create parallax elements in Webflow using the script from the provided link on Matthew Wagerfield's website?
How can I change the text on a button to display a phone number on hover in Webflow without using images?
What is the process for optimizing images in Webflow?
What could be causing the globe image to overlap the dropdown/accordion content on the dark section of the homepage on iPhones in Webflow? Additionally, why is the Italic accent font not displaying properly on iPhones in certain areas on the site?
Why is the collection not showing up on the Careers page in Webflow, even in Designer view, when it works fine on the News page?
What is causing the issue with the modal wrapper in Webflow?
How can I increase the right padding of the dropdown arrow in Webflow?
What CMS do you use with Webflow and how seamless is the transition between the two? Does the CMS have any impact on the design of your website?
Can Webflow's interface be used to link buttons to filter and sort collection lists, similar to how the Isotope plugin allows for filtering and sorting?
What is the process for uploading and hosting CSS and JS files on Github for file management and updates in Webflow, if the desired plugin is not available on Github?
How can I make the bottom wrapper show on tablets and mobile devices in Webflow? I have applied SVH to the hero section, but it is still being clipped on an iPad (10") and is completely invisible on an iPhone (8). Any suggestions?
How can I create a thumbnail image slider in Webflow without the lightbox feature?
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 dynamically redirect to a CMS created after form submission in Webflow?
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!
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?