Connect Your Platform

Connect your Webflow site

How to link a Webflow site to HarperFlow with a site API token and pick a collection.

October 4, 2026

Webflow is HarperFlow's most complete integration. Connecting takes a token and a couple of minutes.

Prerequisites

You need a Webflow site with the CMS available, and access to that site's settings to generate an API token.

Connect your site

The default way to connect is a site API token, not Webflow's account-wide OAuth login. Webflow's OAuth popup is unreliable in some browsers, so the token form is the primary path.

In Webflow, go to Site settings → Apps & integrations → API access → Generate token.
Turn on these permissions: Authorized users (read), then Sites, CMS, Assets, Pages, Custom code, and Components (all read and write).
Paste the generated token into HarperFlow's Connect step and submit.

If you'd rather authorize through Webflow's login flow instead, there's a secondary link for that. Just know some browsers block its popup, and the token above always works.

Choose where articles go

Once connected, HarperFlow asks where articles should land. You get three options:

Create a ready-made collection (recommended): a brand-new collection with every HarperFlow field already set up.
Extend a collection you have: keeps your existing collection and design, adding only the fields it's missing.
Map onto a collection as-is: matches HarperFlow's fields to whatever you already have, skipping anything with no home.

See Custom field mapping for what each HarperFlow field does.

Verify your first draft

After you finish setup (or trigger an on-demand run), open Webflow's CMS panel and check your chosen collection for a new item. If HarperFlow created the collection, its page starts with no design, and Webflow shows "page not found" for its articles until the page is designed and your site is published. See Design your article page for a new collection for how to fix it.

Note: If the token you paste can already see a site that another HarperFlow workspace has already connected, HarperFlow adds you to that existing workspace instead of creating a duplicate one. You'll see a message about being added to an existing setup rather than the usual "connected" screen.