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)
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.
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.
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”.… is N characters; Webflow allows at most N
… is N characters; Webflow allows at most N
The text is longer than the field’s limit in Webflow. Shorten it in ChatFeatured, or raise the limit on the field in Webflow.
Validation Error: …
Validation Error: …
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.
The connection test fails
The connection test fails
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.