Skip to main content

Webflow Integration

Use this guide to connect Jottler to Webflow CMS and validate publishing.

What you need​

  • A Webflow API token
  • Access to the target Webflow site
  • A CMS collection for articles
  • Required token scopes (see API scope guide)

Step 1: Create your Webflow API token​

In Webflow, create a token for the workspace/site you want to publish to.

At minimum, grant:

  • CMS: read and write
  • Sites: read
  • Assets: read and write

Step 2: Connect Webflow in Jottler​

  1. Open Settings -> Integrations -> Webflow.
  2. Paste your API token.
  3. Select the target site.
  4. Select the target CMS collection.
  5. Map Jottler fields to Webflow fields.
  6. Save and connect.

Step 3: Validate field mapping​

Confirm these core fields are mapped correctly:

  • Title
  • Slug
  • Body / Rich text content
  • Summary / excerpt (if used)
  • Featured image (if used)

If your collection schema changed after first setup, refresh mapping before publishing.

Step 4: Confirm publishing behavior​

  • Manual workflow: keep items for review before final publish.
  • Autopilot workflow: move approved items through writing and publish according to your settings.

What successful setup looks like​

  • Connection saves without auth errors.
  • A test article appears in the selected Webflow CMS collection.
  • Content renders in your template with expected fields and styling.