Skip to main content
The Webflow integration creates items in one CMS collection on your Webflow site. You’ll find it under Integrations → Webflow. Connect it with a Webflow site API token, pick the collection, then publish each article from its page in ChatFeatured.

Prepare your collection

ChatFeatured reads your collection’s fields when you connect, so set the collection up first. Required. Save & Connect stays disabled until these three are mapped: Optional, matched by field slug. ChatFeatured fills these if it finds a field of the right type whose slug (shown in the field’s settings in Webflow) matches: Everything else becomes a custom field. On connect, the remaining fields in the collection are imported into Custom Fields on the integration page. Each one appears on every article under Additional Metadata, where you fill in its value. Most Webflow field types are supported (text, rich text, image, date, link, color, switch, number, option, reference and multi-reference). For Reference and Multi-reference fields, such as Tags, the items must already exist in the referenced collection; ChatFeatured matches them by name. Fields that are required in Webflow are required here too. While one is empty, the publish button is disabled and its tooltip lists the missing fields. If you add fields in Webflow later, click Sync from Webflow on the Custom Fields card to bring them in. Add Field creates one by hand: give it the Webflow field’s slug, hyphens included (for example read-time).

Connect Webflow

1

Create a site API token in Webflow

In Webflow, open the site’s settings, go to Apps & integrations, and scroll to API access. Click Generate API token and give it these scopes:
  • Sites: read (sites:read)
  • CMS: read and write (cms:read, cms:write)
Only site administrators can create tokens. Copy it; Webflow shows it only once.
2

Test the token

In ChatFeatured, open Integrations → Webflow, paste the token into Webflow API Token, and click Test Connection.
3

Pick the site and collection

Choose the site under Select Site, then the collection under Select CMS Collection.
4

Map the required fields

Under Map Fields, check Title Field, Slug Field and Body Field, then click Save & Connect.
To switch to a different collection or site, disconnect and connect again. Disconnecting deletes your custom fields and the values you entered for them on articles. Items already in Webflow stay.

Publish an article

Open the article and click the publish button (Publish to Webflow if you have more than one destination). In the dialog, pick a Publish Status:
  • Save as Draft creates the item in Webflow as a draft. Tick Mark as published in ChatFeatured if you also want the article marked Published here.
  • Publish Now publishes the item to your live site straight away.
  • Schedule publishes it at the date, time and timezone you pick. You get an email when it goes live, or with the error if it fails.
The Author box appears when your collection has an author field. The featured image is sent by URL, so it must be publicly reachable. Deleting an article in ChatFeatured doesn’t touch the Webflow item. To change a published article, choose Unpublish from its menu in the Articles list, edit it, then publish again. The same Webflow item is updated. ChatFeatured doesn’t send an SEO title. Bind your collection template’s SEO title and meta description to Name and your meta description field in Webflow’s page settings.

Troubleshooting

The latest publishing error also shows on the Webflow integration page as “Last error”.
The text is longer than the field’s limit in Webflow. Shorten it in ChatFeatured, or raise the limit on the field in Webflow.
Webflow rejected the item, and the message names the field. Often it’s a required field ChatFeatured doesn’t fill, such as a required excerpt on an article with no excerpt. Fix the field, then publish again.
Check that you copied the whole token, that it comes from the site you want to publish to, and that it has sites:read, cms:read and cms:write.
  • Articles: the article lifecycle and the Content Calendar
  • Framer: a plugin-based alternative
Last modified on October 21, 2026