Webflow sync, pageviews & more.
NEW

How can I preview draft blogs in Webflow Designer mode?

TL;DR
  • Open Webflow Designer, select the draft blog post from the CMS panel, then use Preview mode (eye icon) to view it.
  • Remove any filters that hide non-published items to ensure the draft appears in Collection Lists; drafts can't be previewed via live or shareable URLs.

To preview draft blog posts in Webflow, you need to use the Designer’s preview mode with a little setup, since Webflow doesn’t show draft CMS items on the live site or in published previews by default.

1. Understand What "Draft" Means in Webflow

  • Draft CMS items are not published and won't display on the live site or in read-only “View Site” previews.
  • The Webflow Designer view shows all items, including drafts, allowing you to design and preview them before publishing.

2. Use Designer to Preview Drafts

  • Go to Webflow Designer.
  • Navigate to the CMS Collection Page for your blog posts.
  • On the left CMS panel, select your blog post collection.
  • Locate the draft blog post—it will be marked with a “Draft” tag.
  • Click on the draft item, and Webflow will load that post into the Designer for preview.
  • Use the eye icon (Preview mode) in the top toolbar to simulate how the post will look live.

3. Adjust Conditional Visibility if Needed

  • If you’ve added filter conditions on collection lists to only show Published items, the draft won’t show.
  • Temporarily remove or adjust filters so drafts are visible in the Designer if using Collection Lists (e.g., on a Blog Index page layout).

4. Access by Direct URL in Designer (Not Live)

  • Unlike published items, draft blog posts do not have a public URL, and you cannot preview them using a share link or staging domain until they are published.
  • All previewing of draft posts must be done inside the Designer only.

Summary

You can preview draft blog posts directly inside Webflow Designer by selecting the post from the CMS panel and using Preview mode. Drafts are not accessible via live or shareable URLs until published.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I create a portfolio in Webflow where users can click on an image within a project template page to view a larger version? Additionally, how can I apply a dark shadow to the entire screen when the image is clicked, focusing only on the image?
How can I prevent an SVG from becoming blurry when scaled in Webflow?
Is it possible to add a native cookie consent that appears only once on the first page load in Webflow? Can this be done using a modal wrapper in Webflow without any third party tools or integrations? If not, are there any suggestions or advice on adding a cookie consent to comply with European regulations?
Is there a workaround to implement a >4MB gif on a Webflow project for autoplay on mobile?
Why does Quick stack in Webflow behave strangely on small mobile sizes, cutting the text instead of placing it on a new line as responsive design should do? Additionally, why does the cell not expand fully on mobile landscape and appear unusually small?
How can I create a sliding effect for a div element in Webflow when a button is clicked? The first two buttons are already working, but I need help figuring out how to make the other three buttons work as well. I've been looking into jQuery and other tools, but I'm still unsure. Thank you for any assistance!
Is it possible to automatically load a new page and remove the previous one when the user reaches the bottom of the page on a Webflow site, like in this example?
What are some third party tools or integrations that can be used with Webflow?
Can I create a square div within a parent div in Webflow, where the square's width is 100% of the parent div and the height matches the width?
How can I hide the "no items found" empty field in Webflow for a second multi-image gallery on certain pages?
Can Webflow integrate with Square for e-commerce, since Webflow e-commerce only supports Stripe?
How can I automatically reload the Webflow.js file after every page transition in order to update and apply changes to my webflow interactions on ongoing pages?
Is it possible to display data from a webhook response on a Webflow page?
Is it possible to design and develop a website in Webflow and then connect a third-party headless CMS, such as Hygraph or Sanity, by using custom JavaScript code with API calls? Does Webflow support GraphQL integration for this purpose?
Can custom content like buttons, custom components, image grids, etc., be placed within Rich Text elements in the Webflow CMS for a blog-like website? How can this limitation be overcome for a more flexible design and layout?
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?