Connecting ContentPeaks to Webflow is one of the fastest ways to turn finished AI-generated articles into live blog content. Once connected, ContentPeaks can send structured articles, images, and metadata directly into your Webflow CMS so you do not have to manually copy content into collection items.
Before you start
- A Webflow site on a CMS or Business plan.
- At least one CMS Collection created for blog posts or articles.
- Admin or Editor access to the Webflow site you want to connect.
How to connect Webflow
- Open Settings → Integrations in ContentPeaks and choose Webflow.
- Click Connect Webflow and complete the Webflow authorization flow.
- After authorization, select the Webflow site you want to use.
- Choose the CMS Collection that should receive your published articles.
- Save the connection and send a test publish if you want to confirm the setup right away.
Field mapping
The first time you publish into a new Webflow CMS Collection, ContentPeaks needs to know which CMS fields should receive each part of the article. This is a one-time setup per collection, and you can adjust it later if your collection structure changes.
- Map Article Title to the Webflow Name or Title field.
- Map Article Body to a Rich Text field.
- Map Featured Image to an Image field.
- Map Meta Description to a Plain Text field, usually your SEO description field.
- Map Article Slug to the Webflow Slug field.
Once the mapping is saved, publishing becomes much simpler. From the article view in ContentPeaks, you can publish directly to Webflow, keep the item as a draft first, or use your saved default publish mode.
Updating published articles
If you revise an article later, ContentPeaks can push the updated version back into the same Webflow CMS item instead of creating a duplicate entry. That makes article refreshes much easier when you want the live post to stay accurate and current.
Fixing table styling issues
If tables in published Webflow articles look plain or broken, the issue is usually the Webflow Rich Text styling rather than the article content itself. Add table CSS to the custom code area of your blog page or CMS template so table markup has borders, spacing, and readable formatting.