Home Pricing login Dashboard

Webflow Integration

Automatically publish generated content to your Webflow CMS collections.

Overview

The Webflow integration allows Content Zen to publish articles directly to your Webflow site's CMS collections. Articles are created as draft items, giving you full control before publishing.

Prerequisites

Before setting up the integration, you need:

  • A Webflow account with a CMS-enabled site
  • A CMS collection for your blog posts
  • A Webflow API token

Setup Guide

Step 1: Get Your API Token

  1. Log in to your Webflow Dashboard
  2. Go to Site Settings for your site
  3. Navigate to Apps & Integrations
  4. Scroll down to API Access
  5. Click Generate API Token
  6. Copy the generated token
warning Keep Your Token Secure

Your API token provides full access to your Webflow site. Never share it publicly or commit it to version control.

Step 2: Find Your Site ID

  1. In the Webflow Designer, open your site
  2. Click on the Webflow logo in the top-left corner
  3. Select Site Settings
  4. Go to the General tab
  5. Scroll down to find your Site ID (or copy it from the URL)

Step 3: Find Your Collection ID

  1. In the Webflow Designer, go to the CMS panel
  2. Click on your blog collection
  3. The Collection ID is in the URL: webflow.com/design/site-name/cms-collections/collection-id

Alternatively, you can use the Webflow API to list collections:

curl https://api.webflow.com/v2/sites/{site_id}/collections \
  -H "Authorization: Bearer YOUR_API_TOKEN"

Step 4: Configure in Content Zen

  1. In Content Zen, go to Settings → Integrations
  2. Select the Webflow tab
  3. Enter your Site ID
  4. Enter your Collection ID
  5. Enter your API Token
  6. Click Update

Field Mapping

Content Zen maps article fields to your Webflow collection. To customize the mapping:

  1. Go to Flows and edit your content flow
  2. Click on any step in the pipeline
  3. In the step details, find the WebFlow Field Mapping section
  4. Enter the Webflow field name that should receive this content

Default Field Mapping

By default, Content Zen maps to these standard Webflow fields:

Content Zen Field Webflow Field
Title name
Slug slug
Content Custom (configured per step)

How It Works

When an article is generated with Webflow integration enabled:

  1. Content Zen creates a new CMS item in your collection
  2. The item is created as a draft
  3. You can review and publish it in Webflow
  4. The article URL is logged in Content Zen for reference

Troubleshooting

Common Issues

  • 401 Unauthorized - Check that your API token is valid and has the correct permissions
  • 404 Not Found - Verify your Site ID and Collection ID are correct
  • Field not found - Ensure the field names in your mapping match exactly with Webflow field slugs

Collection Field Requirements

Your Webflow collection should have at minimum:

  • A Name field (required by Webflow)
  • A Slug field (required by Webflow)
  • A Rich Text field for the article content