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
How can I update the thumbnail that appears when sharing my Webflow site link on SMS or social media messengers to be a thumbnail of my site?
How can I identify which pages in the Webflow Dashboard are using certain symbols?
How can I delay a page transition in Webflow after an animation finishes without interrupting the animation itself?
How can I resolve the recurring 500 error when reloading one of my two websites on Webflow while the other one does not encounter this issue?
How can I display a PDF on a Webflow page without just linking to it, and can it be done on a collection page?
How can I delay the loading of Google's recaptcha code in Webflow until a user reaches the form, specifically on form pages and not the entire website, in order to improve website speed?
Is there a tool in Webflow or any third-party integrations that can track the number of views, countries, and other analytics on my website?
How can I make the block containing text in Webflow grow to the same height as the text, without it pushing up or down the "hide text" button?
How can I implement horizontal scroll when scrolling over a div in Webflow?
Can the section in my Webflow Home page, where a CMS collection of events is displayed, be automatically hidden when there are no events?
How can I create a custom polygon shape in Webflow and make it display properly with text inside?
How can I have a different navigation bar on page 2 and page 3 in Webflow without affecting the navigation bar on page 1?
What are the limitations of Webflow's CMS, including the maximum number of references, items per collection, and collection items per project? How can these limitations be bypassed with a higher hosting plan?
How can I display newsletter posts alongside blog post categories on the Webflow Category template page, when the categories match?
How can I fix the "Submitted URL seems to be a Soft 404" error for my Webflow sites when using Webmaster tools for SEO?
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?