Connect CntX to Webflow

Overview

CntX connects to Webflow through a secure OAuth flow—not with copied API keys in the UI. After authorization, you choose the Webflow site, the CMS collection used for articles or blog posts, and optional settings such as a category collection or multilanguage publishing (`?lang=` based on workspace language).

Publishing works like WordPress from the editor: Publish draft or live actions update CMS status on the content item without changing editorial status. Field mapping sends title, body, slug, and SEO-related collection fields supported by your Webflow schema.

When to use

Connect Webflow when:

• Your marketing site or blog is built on Webflow CMS.
• You want CntX to be the editorial source of truth and Webflow the rendering layer.
• Your content strategy assigns a blog channel destination to this Webflow site.

Use WordPress instead if your CMS is self-hosted WP; you can connect one primary CMS per workspace workflow.

Before you start

• Webflow account with access to the target site and CMS collections.
• A CMS collection designed for long-form content (Blog Posts, Articles, etc.) with fields CntX can populate.
• Optional: a separate category or tag collection if your Webflow structure uses referenced items.
• For multilanguage: set the workspace language first—CntX passes locale during publish when multilanguage is enabled.
• Settings → Integrations access in the CntX workspace tied to this brand or client.

Steps

1. In CntX, open Settings → Integrations for the workspace.
2. In the Webflow card, click Connect Webflow. A secure Webflow window opens—sign in and authorize CntX.
3. After redirect back to CntX, confirm status shows Connected.
4. Select the site if multiple sites are available under your account.
5. Choose the CMS collection where articles should be created or updated.
6. Optional: enable category collection mapping if your template uses referenced categories.
7. Optional: enable Multilanguage when your Webflow site serves localized paths and workspace language is configured.
8. Save integration settings. CntX loads available collections when connected.
9. Open Strategy → Distribution, pick your blog channel, and assign this Webflow account as a destination.
10. Open a content item and run Publish draft to validate field mapping before going live.

Expected result

• Webflow integration shows Connected with site and collection IDs stored in workspace config.
• Publish actions create or update CMS items in the selected collection; CMS status reflects draft, published, or failed states.
• External item URL appears on the content item when Webflow returns it.
• Editorial workflow in CntX remains independent—teams can keep items In review while a CMS draft exists for preview.
• Disconnecting Webflow stops new publishes; existing Webflow items remain on the site.

Tips

• Run Publish draft first and open the item in Webflow Designer to confirm rich text, slug, and SEO fields land in the right slots.
• Collection field renames in Webflow can break mapping—re-test after schema changes.
• Multilanguage requires a consistent workspace language; without it, CntX disables the multilanguage toggle with a helper message.
• If OAuth fails after redirect, check popup blockers and ensure you authorized the correct Webflow workspace.
• Staging vs production: use separate CntX workspaces or reconnect when switching Webflow sites to avoid cross-publishing.
• Webflow and WordPress credentials are per workspace—agencies should map each client workspace to the client’s site.

Next step

Validate one draft publish end-to-end, then align editorial status rules with your CMS review process. Connect Google Search Console next so published Webflow URLs participate in audit findings and the Performance Learning Loop.