Connect Byword to your Webflow CMS collections
Byword’s Webflow integration enables automatic syncing of your AI-generated content directly to Webflow CMS collections. This streamlines your content workflow by eliminating manual copy-pasting between platforms.
Setting up the Webflow integration involves three main steps:
Navigate to the Webflow integration page in your Byword account
You’ll be prompted to enter your site’s API key
To find your API key:
Go to your Webflow dashboard
Navigate to the site settings
Open the Integrations tab
Generate a token under API Access
Webflow will not display your API key again after generation. Save it securely or be prepared to generate a new one if needed.
After verifying your API key:
Select which CMS collection you want to sync your articles to
For most sites, this will be the collection used for blog posts
Byword will display your site name in italics to confirm the connection
Finally, configure how Byword should interact with your Webflow CMS:
Choose where your content should be published:
Post to staging only: Content will only be visible in your Webflow Editor until manually published (default)
Post to live site: Content will be published directly to your live site
This critical section tells Byword which Webflow fields correspond to:
Article Title: Automatically mapped to the default “Name” field in Webflow
Article Body: Must be mapped to a rich text field (required)
Meta Description: Can be mapped to any text field (optional)
Image: Can be mapped to an image field (optional)
Only the Article Body mapping is required. Meta description and image mappings are optional but recommended for complete content.
Once set up, new articles will automatically sync to your Webflow collection as they’re generated in Byword.
You can also manually sync articles to Webflow in two ways:
Go to “My Content” in Byword
Select the articles you want to sync
Click the integration button in the top right of the page
Navigate to any campaign page in “My Content”
Click the Webflow button (or “Sync to Site” if you have multiple integrations)
This will sync the entire campaign to Webflow
Manual syncs cannot be paused or canceled once started. The process takes approximately 1-2 seconds per article.
For optimal results with the Webflow integration:
Field structure: Ensure your Webflow collection has appropriate fields (rich text, plain text, image) before setting up the integration
Staging first: Initially use the “Post to staging only” option to verify content appears correctly
Image handling: If using images, verify they’re being properly uploaded and displayed
Content verification: After initial sync, check that formatting is preserved correctly in Webflow
If your Webflow integration isn’t working as expected:
Verify your API key is still valid
Ensure the selected CMS collection exists and is correctly configured
Check field mappings correspond to the right field types
For persistent issues, try resetting the integration using the “Reset” button at the top of the page
If you need to change your integration settings:
Click the “Reset” button at the top of the Webflow integration page
You’ll be guided through the setup process again
This allows you to change your API key, collection, or field mappings
Connect Byword to your Webflow CMS collections
Byword’s Webflow integration enables automatic syncing of your AI-generated content directly to Webflow CMS collections. This streamlines your content workflow by eliminating manual copy-pasting between platforms.
Setting up the Webflow integration involves three main steps:
Navigate to the Webflow integration page in your Byword account
You’ll be prompted to enter your site’s API key
To find your API key:
Go to your Webflow dashboard
Navigate to the site settings
Open the Integrations tab
Generate a token under API Access
Webflow will not display your API key again after generation. Save it securely or be prepared to generate a new one if needed.
After verifying your API key:
Select which CMS collection you want to sync your articles to
For most sites, this will be the collection used for blog posts
Byword will display your site name in italics to confirm the connection
Finally, configure how Byword should interact with your Webflow CMS:
Choose where your content should be published:
Post to staging only: Content will only be visible in your Webflow Editor until manually published (default)
Post to live site: Content will be published directly to your live site
This critical section tells Byword which Webflow fields correspond to:
Article Title: Automatically mapped to the default “Name” field in Webflow
Article Body: Must be mapped to a rich text field (required)
Meta Description: Can be mapped to any text field (optional)
Image: Can be mapped to an image field (optional)
Only the Article Body mapping is required. Meta description and image mappings are optional but recommended for complete content.
Once set up, new articles will automatically sync to your Webflow collection as they’re generated in Byword.
You can also manually sync articles to Webflow in two ways:
Go to “My Content” in Byword
Select the articles you want to sync
Click the integration button in the top right of the page
Navigate to any campaign page in “My Content”
Click the Webflow button (or “Sync to Site” if you have multiple integrations)
This will sync the entire campaign to Webflow
Manual syncs cannot be paused or canceled once started. The process takes approximately 1-2 seconds per article.
For optimal results with the Webflow integration:
Field structure: Ensure your Webflow collection has appropriate fields (rich text, plain text, image) before setting up the integration
Staging first: Initially use the “Post to staging only” option to verify content appears correctly
Image handling: If using images, verify they’re being properly uploaded and displayed
Content verification: After initial sync, check that formatting is preserved correctly in Webflow
If your Webflow integration isn’t working as expected:
Verify your API key is still valid
Ensure the selected CMS collection exists and is correctly configured
Check field mappings correspond to the right field types
For persistent issues, try resetting the integration using the “Reset” button at the top of the page
If you need to change your integration settings:
Click the “Reset” button at the top of the Webflow integration page
You’ll be guided through the setup process again
This allows you to change your API key, collection, or field mappings