Webflow Integration
Surva.ai integrates with Webflow using the Webflow API v2. This allows you to publish Content Wizard articles directly to your Webflow CMS collections.
Prerequisites
- Webflow site with a CMS plan
- A Blog or Articles CMS collection
- Admin access to your Webflow workspace
- Active Surva.ai account with Content Wizard access
Setting Up the Integration
Step 1: Generate an API Token in Webflow
- Go to your Webflow dashboard
- Navigate to Workspace Settings > Integrations
- Under API Access, click Generate API Token
- Set the scope to include CMS read/write access
- Copy the generated token
Step 2: Connect in Surva.ai
- Navigate to Settings > Integrations
- Click Connect Webflow
- Enter your Webflow API token
- Select your site from the dropdown
- Select the CMS collection (e.g., "Blog Posts")
- Map fields (title, body, slug, featured image)
- Click Test Connection
- If successful, click Save
Field Mapping
Surva.ai needs to know which Webflow collection fields to populate:
- Name field - Article title
- Slug field - URL slug
- Rich text field - Article body content
- Image field - Featured image
Field mapping is configured during setup and can be updated in Settings.
Publishing Articles
- Create an article in the Content Wizard
- Click Publish to CMS
- Select Webflow as the destination
- Choose whether to stage or publish immediately
- Click Publish
Webflow-Specific Notes
- Articles are created as CMS items in your selected collection
- You may need to publish the Webflow site for changes to go live
- Rich text fields will receive the HTML content
- Images are uploaded to Webflow's asset CDN
Troubleshooting
- Connection failed - Verify your API token has CMS read/write permissions
- Collection not found - Ensure your site has a CMS collection configured
- Field mapping errors - Check that the target fields accept the correct content types