Webflow Integration
Linking Skribra to your Webflow site is the quickest way to transform AI-generated content into published, traffic-driving blog posts. The integration lets you push fully formatted articles with images, metadata, and proper structure straight into your Webflow CMS.
This removes the manual work of copying and pasting, avoiding typos and formatting mistakes while giving you the flexibility to schedule posts ahead of time or publish them right away.
Prerequisites#
Before getting started, ensure you have the following in place:
- Your Webflow site must be on a CMS or Business plan
- At least one CMS Collection should be set up to store your blog posts
- You need Admin or Editor access to the Webflow site you want to connect
Getting Started#
Setup takes a few minutes: connect your account, choose the site, then tell Skribra which collection fields to fill.
1. Connect your Webflow account
In your Skribra dashboard, open Integrations → Webflow and click Connect to Webflow. Log in to Webflow when prompted and authorize Skribra.
- Click Connect to Webflow and authorize your site
2. Choose your site
If your Webflow account has more than one site, you're asked which one your blog lives on. Select it and click Connect Webflow.
- Pick the site your blog lives on
- Confirm to connect it
3. Map your collection fields
Click Update Configuration, choose the CMS collection that holds your blog posts, and check the field mapping. Skribra fills it in from your field types — adjust anything it guessed wrong, then save.
- The CMS collection your blog posts live in
- Title and body are required; the rest are optional
- Must be a Rich Text field
Once a collection is mapped, the page shows Ready to Publish and articles go out on schedule.
- Everything is mapped — articles publish on schedule
- The collection new articles are added to
- Change the site, collection or mapping at any time
Field Mapping Setup#
Once your Webflow site is connected, Skribra's AI agent will attempt to automatically identify the best CMS Collection for your blog posts. If a suitable collection isn't found, you can select one manually from the Webflow integration page in your dashboard.
If none of your collections are compatible, you may need to adjust your Webflow CMS Collections to include the required fields for Skribra to map content properly.
Here's the recommended field structure for your Webflow CMS Collection:
- A title field (text, required)
- The article body (Rich Text field, required)
- An author field (text or reference field, optional)
- A publish date field (date field, optional)
- A featured image field (image field, optional)
Publishing Content#
With field mapping configured, publishing becomes straightforward. You have two options:
- Turn on Auto-publish in the Webflow integration settings so Skribra automatically publishes articles as soon as they're generated.
- Publish articles manually from the Skribra dashboard whenever you're ready.
To publish an article manually:
- In your Skribra dashboard, go to the Articles section
- Select the article you want to publish (the status must be generated)
- Click the Publish button
- Choose Publish to Webflow
- Within 1-2 minutes, your article will be live on your Webflow site
Skribra handles the rest, taking care of all formatting, media, and SEO details automatically.
Troubleshooting#
If you encounter any issues, verify the following:
- Your Webflow Collection uses a Rich Text field for the main article content
- You have the required Admin or Editor permissions
- If your published article shows a blank page, ensure you have a dedicated collection template page configured in Webflow for the target CMS Collection
If problems continue, feel free to contact our support team through the in-app chat or at [email protected] for help.