SlopAds LogoSlopAds

Webflow Setup Guide

Connect your Webflow site to SlopAds using API keys for seamless CMS publishing

Requirements
  • Webflow CMS plan or higher
  • Site Owner or Admin access
  • A CMS collection for blog posts

Step 1: Generate API Key

1

Access Site Settings

Log in to Webflow, select your site, and navigate to Site Settings → Integrations.

2

Generate API Token

Scroll to the API Access section and click Generate API Token.

API Access Not Available?

API access requires a Webflow CMS plan or higher. Free and Basic plans do not include API access.

3

Copy Your API Key

Webflow will generate an API key that looks like this:

a1b2c3d4e5f6g7h8i9j0k1l2m3n4o5p6q7r8s9t0
Keep This Secure!

Your API key provides full access to your Webflow CMS. Never share it publicly or commit it to version control.

Step 2: Find Your Collection ID

4

Identify Your Blog Collection

In Webflow Designer, go to the CMS tab and select your blog posts collection (usually called "Blog Posts" or "Articles").

5

Get Collection ID

The Collection ID is in the CMS panel URL:

Example URL
https://webflow.com/design/yoursite?collectionId=ABC123XYZ

Copy the collectionId value from the URL (e.g., ABC123XYZ).

Step 3: Connect to SlopAds

6

Add Webflow Connection

In your SlopAds dashboard:

  1. Go to Settings → Content Destinations
  2. Click Add Connection
  3. Select Webflow
7

Enter Connection Details

Provide the following information:

  • API Token: The API key you generated in Step 3
  • Collection ID: The collection ID from Step 5
8

Map CMS Fields

SlopAds will automatically detect your Webflow CMS fields. Map them to our content fields:

  • Title Field → Name or Title
  • Content Field → Post Body or Content
  • Slug Field → Slug
  • Meta Description → SEO Description (if available)
9

Test & Save

Click Test Connection to verify everything works, then Save.

Connected!

You can now publish content directly to your Webflow CMS collection from SlopAds.

Publishing Tips

Draft vs Published

Published items appear immediately on your live site. Use draft mode to review content before making it live.

Rich Text Formatting

SlopAds preserves heading hierarchy, lists, and links in Webflow's rich text format.

Collection Item Limits

Webflow CMS plans have collection item limits (10,000 for standard, 25,000 for advanced). Monitor your usage to avoid hitting these limits.

Troubleshooting

Invalid API Token

Solution: Regenerate your API token in Webflow and update the connection in SlopAds.

Collection Not Found

Solution: Verify the Collection ID is correct. Make sure you're copying the ID from the correct collection.

Publishing Fails

Solution: Check that all required fields in your Webflow collection are being mapped. Required fields must have values to publish successfully.

Webflow Setup Guide - SlopAds Help