CMS · No-code

How to Connect Webflow to Writelio

Push articles into a Webflow CMS Collection with fields mapped automatically.

Connect Writelio to Webflow and publish articles straight into a CMS Collection — Writelio auto-detects your content, meta and image fields and sanitises the HTML for Webflow’s Rich Text. Connection uses a Webflow API token with CMS access.

Before you start

A Webflow site on a paid Site plan with CMS hosting.
A blog/article CMS Collection (with at least a rich-text content field).
Workspace permission to create an API token.

What you’ll need from Webflow

API TokenWebflow → Site settings → Apps & integrations → API access → Generate API token. Give it CMS read & write scope.

Site URLYour published Webflow site URL, e.g. https://yoursite.webflow.io (or your custom domain).

Connect Webflow in 4 steps

Generate a Webflow API token

In Webflow, open Site settings → Apps & integrations → API access and click Generate API token. Give it CMS read and write permission and copy the token.

Add the connection in Writelio

In Integrations, open the Webflow card → Configure, paste the API Token and your Site URL, and click Save.

Choose your Collection and map fields

In the editor, open Share & Publish → Webflow. Pick the target CMS Collection; Writelio fetches its schema and auto-detects which fields hold the content, meta description and image. Adjust the mapping if needed.

Publish live or as draft

Click Test to confirm access, then Publish. Choose Live to publish the Collection item immediately, or Draft to stage it in Webflow for review.

What gets published

Publishing to Webflow creates a CMS Collection item with:

Name / slug — from your article title.
Rich-text body — HTML sanitised for Webflow: <figure> blocks become native images, scripts, base64 and inline handlers are stripped, and the first <h1> is dropped (Webflow renders the title separately).
Meta description & main image — mapped to the fields you selected.
Publish state — pushed live via the Collection API, or left as a draft item.

Use the editor’s Webflow Debug view to preview the exact payload before publishing.

Troubleshooting

“Unauthorized” / token errors

Regenerate the token and make sure it has CMS read and write scope. Tokens are tied to one site — use the token from the same site that holds your Collection.

Content lands in the wrong field

Open the field mapping in the Webflow publish panel and point “content”, “meta” and “image” at the correct Collection field slugs, then publish again.

Formatting looks off in Webflow

Webflow Rich Text supports a limited set of HTML. Writelio sanitises automatically, but very custom embeds may be removed. Check the Debug preview to see what will be sent.

Frequently asked questions

Does it create the Collection for me?

No — create your blog Collection in Webflow first (with a rich-text field), then point Writelio at it. This keeps your site structure under your control.

Can I publish as a draft?

Yes. Choose Draft and the item is created unpublished in your Collection for review before going live.

Will images upload to Webflow?

Yes — images referenced by public URL are included in the Rich Text and the mapped image field.

More integration guides

FramerSend articles into a Framer CMS Collection from the editor.WordPressPublish finished, SEO-ready articles straight to your WordPress site.GhostPublish posts to your Ghost publication via the Admin API.