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

TL;DR

To remove the test mode button (also known as the "Purple Hand" button) from your website in Webflow, you'll need to follow these steps:

1. Go to your Webflow project's dashboard and select the project you want to edit.
2. In the Designer, you'll see a "Settings" tab on the left-hand side menu. Click on it to open the project settings.
3. Within the project settings, navigate to the "Hosting" tab.
4. Under the Hosting tab, you'll see an option called "Form Notifications & Actions". Click on it.
5. Scroll down until you find the "Payment Section" within the "Form Actions" settings.
6. In the Payment Section, you'll see a checkbox labeled "Enable Test Mode". Uncheck this option.
7. Make sure to save your changes by clicking on the "Save Changes" button located at the top-right corner of the page.

By following these steps, the purple test mode button will be removed from your website, indicating that payments are no longer in test mode. However, please note that this button only appears in Preview and/or Published versions of your site. While in the Designer mode, this button won't be displayed.

Webflow Resources

Webflow templates

Webflow inspiration

Rate this answer

Other Webflow Questions

How can I improve the load time of my website on Webflow?

How can I change properties of elements in Webflow that are not supported by interactions?

How can I prevent the background from scrolling when it is overlayed with a drop-down menu in Webflow? The suggested solution of using webflow.push as a function did not work and overflow-hidden and position-fixed also did not take any action. The page is completely covered with .w-nav-overlay, which causes the overlay to draw the height larger than the page, making it impossible to stop the scrolling. Can someone please help me with this issue?

Why does the whole page styling on my Webflow site change when I publish it, including the Navbar, after adding the uploadcare widget to a form?

Why is my website still getting redirected to a different domain after transferring to Godaddy and setting up A records and a CNAME as instructed by Webflow?

How can I show a specific container, including text and an image, exclusively on mobile portrait mode in Webflow? I want to prompt users to turn their phone sideways. I couldn't find a "hide" button or similar feature mentioned in older posts or Webflow's content. Am I overlooking something? I've explored Webflow's resources, but haven't come across any solutions.

Why is the navigation between tabs not working when using buttons with IDs in Webflow?

How can I cancel the CMS hosting plan and receive a refund of $10 in Webflow?

How can I set up Zapier integration with Webflow for sending form submissions to other services?

How can I ensure the blur effect in Webflow covers the entire div when using CSS styles like the one shown below?

How can I optimize the loading time of Lottie animations in Webflow?

What could be causing glitches in the Designer and live site of a specific Webflow project, specifically when using the CMS section, while other projects in the same account are not affected?

Is it possible to have a user account in Webflow where customers can view their past orders and tracking information for physical goods?

How can I style the <select> dropdown field in Webflow so that it doesn't display white text on a white background when focused?

How can I include list items in Webflow collections? How can I change the pictures within the Lightbox via Webflow collections? How can I include maps and/or embedded code on Webflow CMS pages? How do SEO and OG settings work for Webflow CMS pages?

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 prevent scroll when my nav is open in Webflow using code? The scroll is disabled correctly when I change the class name of the second 'menu', but it does not get activated when the menu is closed. It doesn't work at all if both class names are the same. Can anyone provide assistance with this issue?

How can I add date filtering to my current list of filters in Webflow using Finsweet CMS Filtering?

How can I change the language of publication dates in Webflow CMS collection from English to Portuguese?

How can I configure Webflow forms to exclude empty or unchecked checkboxes when sending emails? Additionally, is it possible to customize the email text for checked checkboxes, such as using "réservé" instead of "true"?

How can I dynamically redirect to a CMS created after form submission in Webflow?

How can I make the menu close when a link is clicked 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?

Is there a way to fix the issue of values from Textareas with multiple lines not getting parsed correctly in Webflow Logic when posting to an external API?

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?