Webflow sync, pageviews & more.
NEW

Can I share a link to a Webflow project for preview on different devices?

TL;DR
  • Open your Webflow project, click the Share button, enable "Share Read-Only Link", and copy the URL.
  • Share the link for others to preview the design and responsiveness, though they cannot edit.
  • Use Preview Mode in Webflow's Designer to test different screen sizes.
  • For full functionality testing, publish to Webflow’s staging site and share that link.

Yes, Webflow provides a Share Link that allows others to preview your project on different devices. Follow these steps to generate and share it:

  • Open your Webflow project in the Designer.
  • Click the Share button (arrow icon) in the top-right corner.
  • Toggle on "Share Read-Only Link" and copy the generated URL.
  • Send the copied link to anyone who needs to preview the website.
  • They can open the link on different devices to test responsiveness.
  • Viewers cannot edit the project but can inspect elements and page structure.

3. Use Webflow’s Live Preview

  • Click the eye icon (Preview Mode) at the top-left of the Designer.
  • Resize the Designer window or use built-in device breakpoints to simulate different screen sizes.

4. Publish a Staging Site for Real Device Testing

  • If you need to test interactions and animations on actual devices, publish to Webflow’s staging domain:
  • Click Publish in the top-right.
  • Select webflow.io as the destination (e.g., yourproject.webflow.io).
  • Share the published link for a more accurate test.

Summary

Use the Share Read-Only Link for structure and design previews within the Webflow Designer. For full functional testing, publish to a staging domain (.webflow.io) and share that link.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
Is the CORS error occurring in Webflow or on the server hosting the custom code?
Can I display a real-time count of items from different databases on my Webflow homepage?
Is there a way to identify tablets without using breakpoints in Webflow, in order to ensure hover effects and menus work properly on devices like the iPad Pro?
How can I fix the issue of the scrollbar line not being displayed on iOS devices for the horizontal scroll gallery on my Webflow site?
Can I import blog posts from a website into Webflow using a .xml file?
Does Webflow have a code editor for editing pages with HTML, CSS, and JS?
How can I set up slider buttons like this in Webflow?
Is there an updated method or script that can prevent body scrolling while a modal window is active in Webflow?
What is the purpose of providing a Read-Only link for my Webflow site?
What is the most effective CSS method in Webflow to add a circular border around a Font Awesome icon, rather than using the stacking method?
How can I automatically generate a Table of Contents for my blog posts or CMS items using Webflow without the need for plugins or complex code?
How can I resolve the validation failure error message in Webflow while trying to publish a new blog post via CMS?
Can Webflow allow for the addition of a stroke to text for an editable CMS title?
What is the correct code snippet to prevent search engines from crawling a page in Webflow? And should the "noindex/nofollow" code be added to empty collection pages and the 404 page?
How can I properly embed a green particle animation in my Webflow site using Codepen?
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 change the language of publication dates in Webflow CMS collection from English to Portuguese?
How can I dynamically redirect to a CMS created after form submission 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?
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 can I pull the stored email from the first form submitted on our website and input it into a field on a later form during the sign-up process in Webflow? I have tried using the provided script but it only displays "undefined" in the field. I don't have much knowledge of JavaScript and found this script online.
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?
When will Webflow update the "Select Field" component to allow for a placeholder with different colors before and after selection, without the need for a label above the field?