Webflow Integration
Connect Articfly to a Webflow CMS Collection (your blog, posts, or articles collection) and publish AI-generated articles directly via the Webflow Data API. A four-step wizard walks you through API token, site, collection, and field mapping, then publishing is one click.
Prerequisites
- ›A Webflow workspace and site with a CMS Collection (e.g. Blog Posts, Articles) already set up. Articfly publishes into existing collections, it does not create new ones.
- ›A Site API token with
cms:readandcms:writescopes (instructions below). - ›A title-typed field in your Collection, every Webflow Collection has a built-in Name field, which Articfly maps to article title automatically.
- ›Active Articfly account, sign up at app.articfly.com.
Connecting Your Webflow Collection
Four steps. The whole flow takes about three minutes.
Generate a Site API token in Webflow
Open your Webflow workspace, go to Site settings → Apps & integrations → API access, and click Generate API token. Name it Articfly, enable the CMS Read and CMS Write scopes, and copy the token. Webflow only shows it once.
Paste the token in Articfly
In the Articfly dashboard, go to Integrations → Webflow. Paste the token. Articfly verifies it by calling Webflow's /sites endpoint and lists every site the token can reach.
Pick a site and collection
Choose the Webflow site you want to publish to, then pick the destination CMS Collection (e.g. Blog Posts). Articfly lists every collection on the selected site and fetches the schema for the one you pick.
Map article fields to collection fields
Articfly auto-detects sensible defaults: Name → title, common rich-text fields → body, slug fields → slug, image fields → cover. You can override any mapping. For Reference and Option fields (e.g. Author, Category, Status), Articfly shows a dropdown of existing values and asks you to pick a default, every article published from Articfly uses that default. Click Connect Webflow and you're live.
What the Integration Does
Auto-Publish HTML to Rich Text
Webflow rich-text fields accept HTML natively. Articfly sends headings, paragraphs, lists, images, and links, they render in Webflow with no client-side conversion.
Draft or Live Publish
Pick Publish now on the article detail page and Articfly creates a live, published item via the Webflow Data API. Pick Draft and the item lands as a draft in your CMS for review.
Reference & Option Defaults
Webflow Reference fields (e.g. Author, Category) and Option fields (e.g. Status) need a value at publish time. Articfly stores the default you pick at connect time and applies it to every article, no per-publish form to fill out.
External Image References
Article images stay on Articfly's CDN and are linked by URL. Webflow image fields accept external URLs natively, no separate upload step.
Encrypted Token Storage
Your Webflow Site API token is encrypted at rest using AES-256-GCM. Articfly only decrypts it server-side at the moment of publish.
One-Click Disconnect
Open the Webflow integration page and click Disconnect. To fully revoke access, also revoke the API token in your Webflow site settings. Reconnecting lets you switch sites, collections, or field mappings.
Security Notes
- ›The Site API token gives full read and write access to your Webflow CMS. Treat it like a password, do not commit it to git or share it in chat.
- ›All API calls use HTTPS to
api.webflow.comwith a 30-second timeout. Articfly validates the field mapping at connect time and on every publish, invalid Reference or Option defaults are caught before they reach Webflow.
Troubleshooting
"Invalid Webflow API token"
Webflow rejected the token. Most common causes: the token lacks cms:read or cms:write scopes, the token was revoked in Webflow site settings, or the token was issued for a different workspace. Re-generate the token with both CMS scopes enabled and reconnect.
"No collections found on this site"
The Webflow site you selected has no CMS Collections. Open Webflow Designer, add a Collection (e.g. Blog Posts), publish the site once, then come back to Articfly and reconnect.
Publish fails with "invalid reference" or "invalid option"
The default value you picked for a Reference or Option field was deleted in Webflow after you connected (e.g. an Author item was removed, an option in a Status dropdown was renamed). Reconnect Webflow in Articfly to re-fetch the schema and pick a fresh default.
Posts publish but do not appear on the live site
Webflow has two states: items can exist in the CMS but not be live until the site is published. Articfly uses the live publish endpoint by default, but if you opted to create as Draft you will need to publish the site (or the item) from Webflow Designer before it appears on the front-end.