Webflow sync, pageviews & more.
NEW

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

TL;DR
  • Publish your site to your connected custom domain, not the Webflow.io staging domain.
  • Verify DNS settings with correct A and CNAME records, enable SSL, and ensure proper domain forwarding to eliminate the "Test Mode" box.

If you're seeing a "Test Mode" box on your published Webflow site, it usually means that your custom domain is not fully connected or your site is published to the Webflow.io staging domain.

1. Publish to Your Custom Domain

  • Go to Project Settings > Publishing tab.
  • Ensure your custom domain (e.g., www.yourdomain.com) is listed and selected.
  • Click Publish to Selected Domains to push your site to your custom domain.
  • After publishing, visit your custom domain (not the Webflow.io staging link) to confirm that the Test Mode box is gone.

2. Update Your DNS Settings

If you published to your custom domain but still see the Test Mode overlay:

  • Go to Settings > Hosting tab.
  • Scroll down to Custom Domains and confirm Webflow shows a green checkmark (✓) next to your domain.
  • If not, update your DNS records with your domain registrar to point to Webflow’s IPs:
  • A Records for root domain: (a) 75.2.70.75, (b) 99.83.190.102
  • CNAME for www: proxy-ssl.webflow.com
  • After updating your DNS, it may take time to propagate (usually within a few hours).

3. Check for SSL and Domain Redirect Issues

  • In the Hosting tab, make sure SSL is enabled.
  • Set your default domain (use the www version if you're using both root and www).
  • Also, ensure domain forwarding is correctly set so traffic flows to your main published domain.

4. Avoid Staging Domain Previews

If you’re accessing the site via something like yoursite.webflow.io, the Test Mode box will remain because it’s the default Webflow staging domain.

  • Always test and share your custom domain URL after publishing.

Summary

To remove the "Test Mode" box, publish your Webflow site to a fully connected custom domain and avoid using the Webflow.io staging preview. Ensure DNS and SSL settings are correctly configured for a clean live experience.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
Is "Lsep" appearing in a type block due to a database cache issue on Webflow?
Is it better to style for mobile-first in Webflow if most of my users are viewing my website on mobile devices, or is it easier to design on desktop and create responsive layouts for mobile? What are people's thoughts on this?
When will the issues with transferring projects between Webflow accounts be resolved? I've encountered problems with legacy accounts and workspaces, and now I'm receiving an error when trying to send a project to a client. These issues are causing delays for my clients.
Can Webflow make an API call to my NodeJS server in the backend to retrieve personalized content and integrate with my web application?
Can I contact Webflow on behalf of GoDaddy regarding hosting issues?
Is it possible to create a customer portal with a login feature in Webflow CMS for clients to access unique files and information?
Can I customize the styling of widgets from Rock Gym Pro in Webflow, including fonts, colors, and alignment?
Has anyone experienced the issue of Googlebot being blocked by robots.txt in Webflow, even though access has been allowed in the file?
How can I put text over an image in Webflow? I adjusted the z-index of the text, but it still remains above the image. Is there another step I should take to achieve this?
What could be causing the recurring 400 status code in my Webflow flow test?
Does Webflow support video backgrounds and how can I troubleshoot if the video is not showing up on my site?
How can I convert a text into an email link in Webflow? I have tried enabling the link element and entering my email address in the email field, but when I click the link, it only opens a new empty tab named 'Untitled'. Please help me resolve this.
What could be causing the option to publish a blog post in Webflow to be greyed out?
How can I add referral metadata for a Stripe customer in Webflow when integrating with Rewardful?
How can I install the Webflow API package using NPM or YARN in a Node.js environment?
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!
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 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?
How can I close a dropdown in Webflow when clicking on a link?
Is there a more optimal way to create a portfolio section with a sticky image container that changes as you scroll, similar to the design on Deveb's website, that works across different web browsers, especially Safari, using Webflow or any other JavaScript tools?
How can I implement a multi-select field with a pre-selected option in a popup form on a collection page using Webflow?
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?