How can I preview a Webflow site in the actual browser like Chrome instead of the designer preview?

TL;DR
  • Click “Publish” in Webflow and select your Webflow.io or custom domain to push the live version.  
  • Open Chrome and visit the published URL to view the full browser version of your site.

To view your Webflow site in a full browser like Chrome instead of using the in-designer preview, you need to publish it and open the live version.  

​

1. Publish the Site to Webflow.io

​

  • Click the “Publish” button in the top-right corner of the Webflow Designer or Dashboard.
  • In the dropdown, check the box next to your webflow.io subdomain (e.g., yoursite.webflow.io).
  • Click Publish to Selected Domains.
  • Once publishing is complete, click the link in the success message or open Chrome and go to https://yoursite.webflow.io.

​

2. Preview on a Custom Domain (If Configured)

​

  • If you've connected a custom domain (like example.com), you can also publish and preview on that:
  • In the publish dialog, select your custom domain along with the Webflow subdomain.
  • After publishing, open Chrome and go to your custom domain URL.
  • Make sure your DNS settings are correctly pointed to Webflow's IPs for custom domains to work.

​

3. Use the "Share" Link for Client Reviews

​

  • If you want others to preview your project without Webflow login access:
  • Click Designer › Project Settings › General.
  • Enable “Share Link” under the “Editor Preview” section.
  • Share the provided read-only URL—however, note this doesn’t render the site in the live browser, just gives read-only Designer access.

​

Summary

​

To preview your Webflow site in Chrome, publish it to its Webflow.io domain or custom domain, then visit that live URL. The in-browser preview is always accessed by interacting with the live, published version of your site.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I create an interactive map on Webflow using SVG code that exceeds the HTML embed character limit?
How can I add country flags next to the country names on my interactive map in Webflow using a CMS item? Also, how can I make it so that when I click on a country on the map, it takes me to that country's page?
How can I provide user accounts for my e-commerce website in Webflow, allowing customers to save their profile information and shipping addresses?
How can I add an image when sharing my website on platforms like Messenger?
Why do users receive a "Passwords cannot be collected" popup when attempting to log in or sign up on our published Webflow site?
What could be causing my CMS collections to disappear in Webflow and how can I resolve it?
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?
How can I add the memberstack ID of the logged in user to a page's URL parameter on my Webflow website?
Can a multilanguage website be created in Webflow with a maximum of 3 languages? Is there a guide available for this? Can the Guesty API be integrated for making reservations? Is it possible to add a custom chat to a Webflow website?
How can I fix the issue of the background scrolling on iOS instead of staying fixed in the mobile view on Webflow?
How can I create a scaled-down version of my desktop website for all breakpoints in Webflow until I can optimize it for mobile?
Can I create a website with Webflow where users can open an account, view their personal information, and integrate it with a database?
How do I automatically redirect visitors from a specific page in my Webflow website to an external webpage?
What settings should I update in Webflow to fix the buttons on my home page that are not leading to the correct pages within my domain? Thank you for your help!
How can I add a table to my Webflow blog? I have tried multiple methods like adding tags and headings, but none of them seem to work. Could someone please assist me?
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?