Overview
The Webflow block connects your workflows to Webflow CMS. Use it to create new collection items (pages, blog posts, products) or update existing ones with content generated from your workflow.
Configuration
Connect Webflow Account
Select the Webflow account connection to use. You can connect multiple Webflow accounts and choose which one to use for each block.
To add a new connection:
- Click the connection dropdown
- Select “Add new connection”
- Enter your Webflow API token
- Name your connection for easy identification
To generate a Webflow API token, go to your Webflow site settings, navigate to Apps & Integrations, then generate a Site Token or use a Workspace API token with appropriate permissions.
Select Site
Choose the Webflow site to work with. Sites are loaded automatically from your connected Webflow account.
Use the search field to quickly find your site if you have multiple sites in your account.
Select Collection
Choose the CMS collection where items will be created or updated. Collections are loaded based on the selected site.
Common collection types:
- Blog Posts
- Products
- Team Members
- Case Studies
- Custom collections
Select Action
Choose the operation to perform on the collection.
Options:
| Action | Description |
|---|
| Create New Page | Add a new item to the collection |
| Update Existing Page | Modify an existing collection item |
Create New Page
Use this action to add new items to a Webflow CMS collection.
Field Mappings
Map your workflow data to collection fields. Required fields are marked with an asterisk (*) and must be filled.
Adding fields:
- Click “Add field” dropdown
- Select the collection fields you want to populate
- Enter static values or use placeholders from previous steps
Field types supported:
- Plain Text
- Rich Text
- Number
- Boolean
- Email
- Phone
- Link
- Date
- Image
- Video
- Option (select)
- Item Reference
- Multi Reference
Example mapping:
| Collection Field | Value |
|---|
| Name * | {{step_1.output.title}} |
| Slug * | {{step_1.output.slug}} |
| Content | {{step_2.output}} |
| Author | {{step_1.output.author}} |
Use Liquid templating to transform data before mapping. For example, convert markdown to HTML using filters.
Save as Draft
Toggle whether to save the new item as a draft or publish it immediately.
- On (default): Item is saved as draft for review before publishing
- Off: Item is published live immediately
Update Existing Page
Use this action to modify existing collection items.
Page Slug
Specify the slug of the existing item you want to update. This field supports placeholders.
Example:
The block searches the collection for an item matching this slug and updates its fields.
Field Mappings
Map the fields you want to update. Only mapped fields are modified; unmapped fields retain their current values.
When updating, all fields are optional. You only need to map the fields you want to change.
Output
The Webflow block returns information about the created or updated item.
Create action output:
{
"success": true,
"item": {
"id": "item_id_here",
"fieldData": {
"name": "Article Title",
"slug": "article-title",
"content": "..."
}
}
}
{
"success": true,
"item": {
"id": "item_id_here",
"fieldData": {
"name": "Updated Title",
"slug": "article-title",
"content": "..."
}
}
}
{{step_n.output.item.id}}.
Error Handling
Common errors and solutions:
| Error | Cause | Solution |
|---|
| Credentials not found | Connection expired or deleted | Re-authenticate your Webflow account |
| Site or collection not found | Invalid site/collection ID | Verify the site and collection exist |
| Unauthorized | Invalid or expired API token | Generate a new API token in Webflow |
| Too many requests | Webflow rate limit exceeded | Wait a moment and retry the workflow |
Best Practices
- Use descriptive connection names when connecting multiple Webflow accounts
- Map required fields first before adding optional fields
- Test with “Save as Draft” enabled before publishing live content
- Use unique slugs to avoid conflicts when creating items
- Validate content format before mapping to Rich Text fields
- For bulk operations, add delays between runs to avoid rate limits
Common Use Cases
| Use Case | Configuration Tips |
|---|
| AI blog generation | LLM block for content → Webflow block to publish |
| Content localization | Translate content → Create items in language-specific collections |
| Product catalog updates | Read data from sheets → Update product collection items |
| Team directory sync | API block for HR data → Create/update team member items |
| Case study publishing | Human Review for approval → Publish to case studies collection |
What’s Next
Now that you understand the Webflow block:
