Webflow

Written By seorocket

Last updated About 1 month ago

Connecting SEO Rocket to your Webflow site is the fastest way to turn AI-generated content into live, SEO-ready blog posts that drive real traffic. The integration lets you publish fully formatted articles — complete with images, metadata, and proper structure — directly to your Webflow CMS.

No more copying, pasting, or fixing broken formatting. SEO Rocket handles the publishing process automatically, helping you schedule posts in advance or publish them instantly with perfect layout and SEO consistency.

Before You Begin

Make sure your Webflow site meets these requirements:

  • A Webflow site on a CMS or Business plan

  • At least one CMS Collection created to house your blog posts

  • Admin access to the Webflow site you want to connect

Connecting Your Webflow Site

  1. In your SEO Rocket dashboard, navigate to Settings → Integrations.

  2. Click Enable Integration on the Webflow card.

  3. Log in to your Webflow account and authorize SEO Rocket.

  4. Once authorized, select the Webflow site you want to connect.

✅ Pro Tip: After connecting, publish a quick test article to confirm everything is working correctly.

Field Mapping

The first time you publish to a new CMS Collection, you'll need to map your SEO Rocket article fields to your Webflow CMS fields. This is a one-time setup per collection that tells SEO Rocket where to put your content:

  • Map SEO Rocket’s Title to your Webflow Title or Name field

  • Map the Article Body to a Rich Text field

  • Connect the Featured Image to an Image field

  • Link the Meta Description to a Plain Text field (often your SEO meta description field)

  • Map the Slug to your Webflow Slug field

Once mapping is complete, publishing is just a few clicks away. From the SEO Rocket editor, click Publish, select Webflow, and choose your target CMS Collection. You can then choose to publish immediately or schedule the post for later. SEO Rocket takes care of the rest, automatically handling all the formatting, media, and SEO details.

Updating Published Articles

After publishing an article to Webflow, you can update it directly from SEO Rocket. Simply make your changes in the SEO Rocket editor and click the "Update Article" button. Your changes will be pushed to your Webflow CMS automatically.

Fixing Table Styling Issues

If your published articles contain tables that appear broken or unstyled (displaying as plain text without borders or formatting), this is because your Webflow site is missing default table styling. To fix this, add the following CSS code to your blog page's custom code section:

table { width: 100%; border-collapse: collapse; margin-bottom: 20px; } 

th, td { padding: 10px; border: 1px solid #ccc; }

To add this code in Webflow, navigate to your blog page (or blog post template), open the Page Settings, and paste the CSS code into the Custom Code section within <style> tags. This will ensure all tables in your articles display properly with borders, padding, and consistent formatting.

Troubleshooting

Connection Issues:

  • Verify you have Admin or Editor access to the Webflow site

  • Check that your Webflow site is on a CMS or Business plan

  • Try disconnecting and reconnecting the integration

Publishing Errors:

  • Confirm your CMS Collection is using a Rich Text field for the main article content

  • Check that field mappings are correctly configured

  • Ensure you have available CMS items in your Webflow plan

Tables Appear Unstyled:

  • Add the custom CSS code provided above to your blog page or template

  • Make sure the CSS is added within <style> tags in the Custom Code section

Frequently Asked Questions

Q: Can I publish to multiple Webflow sites?
A: Currently, each SEO Rocket business can connect to one Webflow site. Contact support if you need to manage multiple sites.

Q: Can I update articles after publishing?
A: Yes! After publishing, click the "Update Article" button to push your changes directly to Webflow. SEO Rocket automatically finds and updates the correct CMS item.

Q: What happens if I delete the CMS Collection?
A: If you delete a collection that was mapped to SEO Rocket, you'll need to set up field mapping again when publishing to a new collection.

Q: Will this count against my Webflow CMS item limit?
A: Yes. Each article published from SEO Rocket creates one CMS item in your Webflow collection, counting toward your plan's CMS item limit.

Q: Can I schedule posts to publish automatically?
A: Yes! You can schedule posts when publishing from SEO Rocket, and they'll be automatically published to your Webflow CMS at the scheduled time.

For additional support, contact our team through the in-app support chat.