Skip to content
Sign in

Webflow integration

Blog posts, published to your Webflow CMS.

RankHouse is an AI agent doing SEO work for your business. It writes blog posts made to be found in Google and in AI answers, and the Webflow integration saves each one as an item in your blog collection.

You connect once from your RankHouse account, pick the collection, and check which field gets each part of a post. A post goes live only when you publish it, in RankHouse or in Webflow.

Blog posts only for now. One website per account.

What the integration does

RankHouse plans and writes the posts. The integration is how they reach your Webflow site.

Creates posts

Each post becomes a new item in the blog collection you choose.

The title goes to the Name field, and the slug is made from the title. The article and the other parts go to the fields you pick.

Updates them

Edit a published post in RankHouse and save it, and the same Webflow item is updated.

Its address (the slug) and its publish date stay as they were.

Deletes them

Delete a post in RankHouse, and it is removed from your live site and from the CMS.

RankHouse asks only for Sites: Read and CMS: Read and write. It writes only to the collection you choose, adds no code or scripts to your site, and never touches your pages, styles or site settings.

A post's address is your site, then the collection's slug, then the post's slug. For example: yoursite.com/post/your-post-title.

Before you start

Check these once in Webflow. Most setup problems come from one of them.

  • A site plan with the CMS. The Basic site plan has no CMS, so there is nowhere to save posts.
  • A site that has been published once. Publish it in Webflow before you connect.
  • A blog collection with a Rich Text field. The article goes into a Rich Text field. Webflow's blog template has one called Post Body.
  • A collection template page that shows the fields. In the Designer, open the collection's template page and add elements connected to its fields, at least the name and the article body. Without them, a post's page has nothing to show.
  • The right to connect apps. You approve RankHouse, or generate a token, in Webflow. If Webflow doesn't let you, ask the site's owner.

Connect with Webflow

The quickest way. Webflow asks you to approve RankHouse, and there is no token to copy.

  1. Open the Webflow card

    Sign in to RankHouse, open Account, then Integrations, and choose Webflow.

  2. Press Connect with Webflow

    Webflow opens and asks you to approve RankHouse for one or more of your sites.

  3. Approve and come back

    Pick your site and approve. Webflow sends you back to RankHouse, connected.

  4. Choose the collection

    Pick your blog collection and check the fields, as shown below.

Access RankHouse asks forWhy it needs it
Sites: ReadTo list the sites you approved, with each site's name and address
CMS: ReadTo list your collections and their fields, so you can pick where each part of a post goes
CMS: WriteTo create, update and delete the blog posts RankHouse publishes

Approved more than one site? Choose the one this account writes for. One RankHouse account covers one website.

Or paste a site API token

Use this if Connect with Webflow isn't available to you. A site API token connects one site.

  1. Generate a token in Webflow

    Open your site's settings in Webflow, then Apps & integrations, then API access. Press Generate API token, and give it Sites: Read and CMS: Read and write.

  2. Copy the whole token

    Keep it somewhere safe until you paste it.

  3. Paste it in RankHouse

    Open Account, then Integrations, then Webflow, and paste the token. RankHouse checks it with Webflow straight away.

  4. Choose the collection

    Pick your blog collection and check the fields, as shown below.

RankHouse stores the token encrypted and never shows it again. To use another token later, paste the new one on the same card.

Choose the collection and the fields

Every Webflow blog names its fields differently, so RankHouse suggests a match and you check it before anything is saved.

  1. Pick the collection

    Choose the CMS collection your blog posts live in. RankHouse suggests the one that looks like a blog.

  2. Check each field

    For each part of a post, pick the field that gets it, or leave it empty. Only the article body is required.

  3. Save

    Press Connect Webflow. From then on, posts go to that collection, with those fields.

Part of a postWebflow field typeNeeded?
TitleName (Webflow's own field)Always filled
AddressSlug, made from the titleAlways filled
Article bodyRich TextRequired
SummaryPlain text or Rich TextOptional
Main imageImageOptional
Thumbnail imageImageOptional
SEO titlePlain textOptional
Meta descriptionPlain textOptional
Publish dateDate/TimeOptional
Author namePlain textOptional
TagsPlain textOptional
Reading timePlain text or NumberOptional

You can change the collection or the fields at any time on the same card. Posts published before the change stay in the collection they went to.

Three ways to publish

Once Webflow is connected, every way of publishing in RankHouse can send a post to it.

From the editor

Open a post and press Publish to Webflow.

It goes to Webflow straight away.

From the Content Library

Open Content, then the Blog posts tab.

Sync sends one post (Re-sync sends your latest edits), Publish selected sends the posts you tick, and Publish all waiting sends every post that isn't live yet.

By the agent

With Agent Auto Publish on, the agent sends each new post by itself.

On Webflow, these posts land as drafts for you to review.

You pick what goes live

Manual Publish (the default)

You press Publish in RankHouse, and the post goes live on your site.

Manually Publish as Draft

You press Publish in RankHouse, and the post lands in Webflow as a draft.

You publish it in Webflow when you're ready.

Agent Auto Publish

The agent sends each new post to Webflow by itself, as a draft.

You review it and publish it there.

Every new connection starts on Manual Publish. Change the mode at any time on the Webflow card, under Account, Integrations.

Updates and deletes

RankHouse remembers which Webflow item each post became, so later changes reach the same item.

  • Update a post. Edit a published post in the RankHouse editor and press Save, or press Re-sync on its row in the Content Library. The Webflow item is updated in place.
  • The address stays. The slug is set once, from the first title. Change the title later, and links to the post keep working.
  • The date stays. A post keeps the publish date it first went out with.
  • Delete a post. Delete it in RankHouse, and it is taken off your live site and removed from the CMS.
  • Edits made in Webflow. If you edit a post in Webflow and then update it again from RankHouse, the fields RankHouse fills go back to the RankHouse version. Make lasting changes in RankHouse.

What isn't sent to Webflow yet

The Webflow integration covers blog posts for now. When anything else reaches the publish step, RankHouse leaves it out and says why.

  • New SEO titles and meta descriptions for your existing pages (meta tags).
  • Product pages.
  • Category pages.

When something doesn't work

These are the messages you are most likely to see, and what to do about each one.

"Webflow did not accept this token."

The token was deleted in Webflow, or only part of it was copied. Generate a new token and paste the whole of it.

"This token is missing access."

The token doesn't have everything RankHouse needs. Generate a new one with Sites: Read and CMS: Read and write. If you used Connect with Webflow, press it again and approve.

"This Webflow site has no CMS collections yet."

Add a blog collection in Webflow, with a Rich Text field for the article, then reload the list on the card. If the site is on the Basic plan, move it to a plan with the CMS first.

"This collection has no Rich Text field for the article body."

You picked a collection without one. Choose your blog collection, or add a Rich Text field to this one in Webflow.

A field Webflow requires on every item

The card names it. Choose it for one of the parts of a post, or make it optional in the collection settings in Webflow, then save again.

The post's page says "Page not found" on your live site

The collection template page has nothing on it from the collection yet. In the Designer, open the collection's template page, add elements connected to its fields (at least the name and the article body), then publish the site.

"Saved in Webflow. It goes live the next time the site is published."

Webflow saved the post but didn't put it live by itself. This happens on Webflow's free Starter plan and on a site that has never been published. Publish the site in Webflow, and the post goes live. A deleted post leaves the live site the same way, the next time the site is published.

"This post is in another Webflow collection."

The collection or the site changed after this post was published. To update or delete it from RankHouse, switch the Webflow card back to that collection or site. Or manage the post in Webflow.

Still stuck? Email us the message you see, as described at the end of this page.

Disconnect, and what RankHouse keeps

  1. Disconnect in RankHouse

    Open Account, then Integrations, then Webflow, and press Disconnect. RankHouse stops publishing to the site and forgets its token. If you connected with Webflow, RankHouse also asks Webflow to withdraw its access.

  2. Remove access in Webflow too, if you like

    For a pasted token, delete it in your site's settings under Apps & integrations, API access. For Connect with Webflow, remove RankHouse from the apps under Apps & integrations.

Posts already on Webflow stay there. They are ordinary items in your collection, and you can edit or delete them in Webflow like any others. Your posts also stay in your RankHouse account.

What RankHouse keepsWhy, and for how long
Your Webflow access token, encryptedTo publish to your site. It is never shown again, and it is deleted when you disconnect.
Your site, collection and field choicesSo each post goes to the right place. Deleted when you disconnect.
The Webflow item id of each post it publishedSo it can update or delete that post later.

RankHouse has no access to your form submissions, your store orders or your site's visitors. The privacy policy lists everything RankHouse keeps.

Need a hand with the setup?

Email support@rankhouse.ai with your site's address and the message you see, and a person will help you connect.

Webflow is a trademark of Webflow, Inc. RankHouse is not affiliated with or endorsed by Webflow.