Hyperflow CMS Preview
An advanced staging setup for businesses that supports Staged Changes.
Webflow's has recently released a CMS Item publishing feature which allows you manage CMS content much more precisely;
When you make changes to a CMS item, you can;
Publish that item individually without republishing the entire site
Queue that item to be published when the entire site is published
Save your changes as Draft Changes, which are not published until you choose to publish them. This supports length change process and team environments much more completely.
The Limitation
One of the side effects of this more robust process is that the staging process changes. Your webflow.io staging still works great for site publishing, but it is not part of CMS item changes.
This means that when you edit a CMS item, it's very difficult to see those Draft Changes on staging before your content goes live.
This presents a problem for;
Teams who want to preview and test content
Complex sites that involve scripts and frameworks as part of the content delivery
Users who need to see and approve the content before it goes live- but who do not have designer access.
Hyperflow CMS Preview
Hyperflow CMS Preview creates a special staging version of your site, on a domain or subdomain that you choose. It shows all of your current site content, but CMS items show the Draft Changes version which is not normally visible.
The experience is fantastic. Edit content in the designer, and without publishing anything, you can immediately switch to Hyperflow CMS Preview to see your content live.
Currently, CMS Preview supports Collection Pages, but does not support Collection Lists. In part this is due to Webflow's API rate limits and the huge API traffic that would be required to fetch those items and build the page.
works by displaying the Draft Changes content in your page
The underlying site can be your webflow.io staging site, or your production site, depending on which makes sense for you. Or, we can setup both on different subdomains, like;
Setup
The DNS for Hyperflow CMS Preview must be on Cloudflare- however you can choose to run it separately from your main public domain. This means your
Sygnal will install and setup the Hyperflow CMS Preview feature
You'll need a read-only Webflow API key that has the ability to get CMS items for this site ( no write permissions needed ).
Sygnal will add this to your configuration.
Options
Choose your subdomain or domain name for Webflow
E.g. preview.mysite.com , where mysite.com is your main Webflow-hosted site
Or, preview-mysite.com, a completely different domain that is unrelated to your Webflow-hosted site.
Configure your CMS pages with CMS content
hf-cmspreview-field
Rich text elements are automatically identified by the class w-richtext.
Webflow's empty classes are automatically added or removed to show or hide elements appropriately when they have content.
Supported CMS Field Types
Text
YES
Rich Text
YES
Image
Component Properties
Video
Color
Boolean
Advanced Features
JSON Access
Future
Collection Lists
Last updated
