Table of Contents
Overview
Connecting Webflow to Ascend enables seamless publishing to your Webflow CMS collections. Once connected, you can:
- Publish articles to any CMS collection
- Automatically map content to collection fields
- Upload and attach images to CMS items
- Set item status (draft, staged, published)
- Sync SEO metadata to Webflow fields
Requirements
Before you start, make sure you have:
- 1A Webflow account with a CMS Site Plan (CMS, Business, or Enterprise)
- 2At least one CMS collection created in your Webflow project
- 3A site-specific API token with CMS permissions
- 4Your Webflow site published at least once
Get Your API Key
Webflow uses site-specific API tokens for authentication. You'll need to generate a token with CMS permissions for Ascend to access your collections.
Open your Webflow project
Go to Webflow Dashboard and select your project.
Go to Site Settings
Click on the Settings tab in the top navigation.
Navigate to Integrations
In the left sidebar, click on Integrations.
Generate API Token
Scroll to API Access and click "Generate API Token".
Required Permissions:
- • Sites: Read
- • CMS: Read and Write
Copy your API token
The token starts with wf_. Copy it immediately — it won't be shown again.
Connect Webflow to Ascend
Now let's add your Webflow site to Ascend using the API token you just generated.
Go to CMS Connections
In Ascend, navigate to Settings → CMS Connections.
Click "Add Webflow Site"
Select Webflow from the available integrations.
Enter your site details
https://yoursite.webflow.ioUse your .webflow.io subdomain or custom domain
wf_xxxxxxxxxxxxxxxxxxxxxxxxClick "Connect & Verify"
Ascend will validate your API key and fetch your site's collections.
Configure Collections
After connecting, Ascend will fetch all available CMS collections from your Webflow site. Select which collections you want to publish content to.
Select Collections
You can select multiple collections. Each collection will have its own field mapping configuration.
Map Fields
Field mapping tells Ascend which Webflow collection fields to populate with your content. This ensures your data appears in the right places.
Field Mapping Example
| Ascend Content | → | Webflow Field |
|---|---|---|
| Article Title | → | Name (Plain Text) |
| Content Body | → | Post Body (Rich Text) |
| Featured Image | → | Main Image (Image) |
| SEO Title | → | SEO Title (Plain Text) |
| Meta Description | → | SEO Description (Plain Text) |
| Author Name | → | Author (Reference) |
Required Fields
Make sure to map all required fields in your Webflow collection. Publishing will fail if required fields are left empty.
Publish Content
You're ready to publish! Here's how to send content from Ascend to Webflow:
Publishing Workflow
- 1.Create or open an article in Ascend
- 2.Click the Publish button
- 3.Select your Webflow site and collection
- 4.Review field mappings (adjust if needed)
- 5.Choose status: Draft, Staged, or Published
- 6.Click Publish to Webflow
After publishing from Ascend, remember to publish your Webflow site for changes to go live.
Troubleshooting
Having trouble? Here are solutions to common Webflow integration issues:
API key not working / Authentication failed
Ensure you've copied the entire API key including the 'wf_' prefix. Also verify the key has CMS permissions and belongs to the correct site.
Collections not showing up
Make sure your Webflow site has at least one CMS collection created. Ascend can only see collections that already exist in your project.
Publishing fails with validation error
Check that your field mappings are correct. Required fields in Webflow must have corresponding values from Ascend. Check field types match (text to text, image to image).
Images not uploading to Webflow
Ensure your Webflow plan includes CMS hosting and has available asset hosting space. Also verify the image field in your collection accepts external URLs or file uploads.
Published content not appearing on site
Webflow requires you to publish your site after CMS changes. In Webflow, go to your project and click 'Publish' to make new CMS items live.
Frequently Asked Questions
What Webflow plans support CMS API access?
Can I connect multiple Webflow sites?
Do I need to publish my Webflow site after publishing from Ascend?
What happens if I reach my Webflow CMS item limit?
Was this guide helpful?
Your feedback helps us improve our documentation.