How can I remove the "test mode" box that appears on my Webflow published site?

TL;DR
  • Connect a live Stripe account in Webflow’s Ecommerce Payment settings to switch from test to live mode.  
  • Re-publish your site to apply the changes and remove the "test mode" box.

If you're seeing a "test mode" box on your Webflow-published site, it's likely related to Stripe being in test mode for your Ecommerce store.

​

1. Understand Why the Test Mode Box Appears

  • This box typically appears when Webflow Ecommerce is connected to Stripe in test mode.
  • It's a warning to indicate the store is not accepting real payments yet; only test transactions are enabled.

​

2. Switch Stripe to Live Mode in Webflow

  • Go to Project Settings in your Webflow dashboard.
  • Navigate to the Ecommerce tab.
  • Under Payments, you’ll see your current Stripe connection status.
  • If it says Test Mode, click Connect Stripe, then follow the prompts to connect a live Stripe account.
  • Once connected, Webflow will switch to Live Mode, and the test mode box will be removed.

​

3. Re-publish Your Website

  • After updating your Stripe settings, re-publish your site to ensure the changes take effect and remove the test box.

​

4. Additional Notes

  • If you're still testing your store but want to avoid confusion on a public site, consider enabling Password Protection on live pages instead of staying in test mode.

​

Summary

To remove the "test mode" box, connect a live Stripe account under Webflow’s Ecommerce Payment settings, then re-publish your site. This switches your store to live mode and removes the test notification from your storefront.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I fix the issue of input fields stretching vertically and select boxes stretching horizontally in IE compatibility mode on a Webflow site? The code I tried, including the tags, doesn't seem to work.
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.
How can I switch the color mix blend mode in Webflow to achieve a similar effect, as mix blend mode color is not supported in Safari?
How can I move the slider arrows in Webflow to a different position like in the attached picture?
How can I add preloaded images as options for users to select or add in Webflow CMS for different produce varieties?
How can I make the 'Select2' jQuery plugin work properly inside a Webflow form? I have included the necessary links to select2.min.js and select2.min.css, but it does not function as expected within Webflow. Outside of Webflow, it works fine. What could be causing this conflict?
How can I properly insert the embed code of a Vimeo video into my Webflow site without the height being automatically set to 100%?
How can I select product variants using swatches in Webflow and display the corresponding image for each variant?
What could be causing a pop-up form to be cropped at the top on iPhones and Safari, despite working properly on Chrome Desktop and Mobile?
Does Webflow have limitations when it comes to displaying the entire height of a div with fixed positioning, and can it be used to replicate an effect similar to the splash image on the Stanford site?
Can Webflow be used to clip an image using an SVG clipping mask without custom coding?
Why is my favicon not showing up in Webflow, even though I re-uploaded it and it displays correctly in project settings?
How can we redirect users based on their input in the signup form using Webflow?
How can I add a close button to the nav menu in Webflow for mobile devices to make it easier to close? The default menu covers the hamburger icon and doesn't provide an easy way to close it. Adding a margin to the menu also prevents the hamburger button from closing it. Any advice on how to solve these issues?
How can I solve the issue of receiving a "Render Failed" message when trying to render my composition with 80 jpeg images in Webflow? I followed the steps in a video tutorial and each image is originally 960x540.
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?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?