Connect Webflow: Posts Straight Into Your Webflow Blog

If your blog is on Webflow, Revnu can publish each post straight into your blog's CMS collection. Your blog stays in Webflow, in your design, at your URLs. You don't need a developer or a DNS change.

Connect your site

1. 1

   Make an API token in Webflow

   In Webflow, open your site's Site settings > Apps & integrations > API access and click Generate API token. Give it these permissions:

   • Sites: Read, so Revnu can find your site's address.

   • CMS: Read and write, so Revnu can add and update posts.

   Copy the token. You need to be a site admin to make one.

2. 2

   Paste it into Revnu

   Open Visibility > Posts and enter your blog's address. On Connect Your Site, click Using Webflow? Connect it instead. Paste the token and click Connect Webflow.

3. 3

   Choose your blog's collection

   Click Choose Collection and pick the collection your blog posts live in, for example Blog Posts.

4. 4

   Check which field gets what

   Revnu suggests which of your collection's fields takes each part of a post: the body, the summary, the main image, the author and the publish date. The post's title and slug always go into the item's Name and Slug.

   Change any suggestion with the dropdown next to the field. A field that holds a fixed choice, such as a Category reference or an option, can be set to one value for every post, for example Always Guides. Webflow requires a value in every required field, so Revnu won't save until each one is filled.

5. 5

   Click Start Publishing to Webflow

   Posts Revnu has already published go into Webflow first, one every few seconds. After that, each post goes in as it's published.

What happens to a post

• Published. Revnu creates an item in your collection and publishes it to your live site in one step.

• Edited. Revnu updates the same item and publishes the change. It never creates a second copy.

• Removed. Revnu unpublishes the item. Webflow keeps it as a draft, so you can still find it in the Designer.

• Restored. Revnu publishes the same item again.

Images stay hosted by Revnu. Webflow copies the main image from its web address when the item is created.

How Revnu knows a post is live

Revnu doesn't take Webflow's word for it. After each push it:

1. Reads the live item back from Webflow and checks that it holds the post's title and slug.

2. Opens the post's page on your site, for example yourcompany.com/blog/your-post, and checks that the page shows it.

Until both checks pass, the post reads Not on site yet in Visibility > Posts, and Revnu won't tell you it's live. Visibility > Posts > Publishing Settings shows your newest posts and whether each one is on your site.

Search Console stays the source for clicks and impressions. Connect Search Console if you haven't.

Change or disconnect

Both are in Visibility > Posts > Publishing Settings, on the Webflow card.

• Change Fields picks a different collection or changes which field gets what. With a different collection, each post moves: Revnu deletes the item it made in the old collection and creates one in the new collection.

• Disconnect stops sending posts to Webflow and deletes the token from Revnu. Posts already in Webflow stay there.

To stop Revnu's access from the Webflow side, delete the token under Site settings > Apps & integrations > API access.

If it doesn't work

• "Webflow didn't accept that token." Copy the token again. A token Webflow hasn't seen used for 365 days stops working.

• "That token is missing a permission." Generate a new token with Sites: Read and CMS: Read and write.

• "Webflow refused the API token." means the token was deleted or expired. Click Fix Webflow above your posts, or open the Webflow card in Publishing Settings, and paste a new one. Posts that failed in the meantime go in once it's connected.

• A post says it's in Webflow but not on your site. Check that your collection has a template page published and that its URL matches the collection, for example /blog. Revnu checks the page again over the next half hour.

• A required field error. Your collection gained a required field after you connected. Click Change Fields and fill it.