SwarmGen + Webflow

Auto-generate images when CMS items are published

Webflow's CMS webhook system fires an event every time a collection item is published. By pointing that webhook at a SwarmGen automation (via Make or Zapier), you can instantly generate a branded image — an Open Graph card, a blog post banner, a product listing thumbnail — and write the rendered URL back to a Webflow CMS field for use across your site.

How to set it up

1
Design the template
Build a SwarmGen template that matches your Webflow collection structure. Map CMS fields like Name, Slug, Thumbnail Image, and Summary to merge fields.
2
Set up a Webflow webhook
In Webflow's Project Settings > Integrations > Webhooks, add a new webhook for the collection_item_published event. Point it at your Make or Zapier scenario webhook URL.
3
Build the automation scenario
In Make or Zapier, receive the Webflow webhook payload, extract the CMS field values, and POST them to the SwarmGen render API.
4
Write the image URL back to Webflow
Once rendering is complete, use the Webflow API to PATCH the CMS item — updating an image or URL field with the SwarmGen-rendered image URL.

Code example

Webflow CMS webhook payload (example)json

// Webflow sends this to your webhook when an item is published
{
  "triggerType": "collection_item_published",
  "payload": {
    "_id": "63a4c9b1...",
    "name": "10 tips for better product photography",
    "slug": "product-photography-tips",
    "post-summary": "Great product photography drives conversions...",
    "main-image": {
      "url": "https://uploads-ssl.webflow.com/..."
    }
  }
}

// Your automation then calls SwarmGen:
// POST https://swarmgen.io/api/templates/YOUR_TEMPLATE_UUID/render
// { data: { title: payload.name, image: payload['main-image'].url, ... }, returnUrl: true }
// Response: { "url": "https://...", "jobId": "...", "format": "png", "expiresAt": "..." }
// Render URLs are valid for 5 days — download and re-host for long-lived use.

Bespoke integrations are not supported by our team. The sample code here is for guidance and you will need technical knowledge or a developer to implement it. We plan to release dedicated plugins for key tools as demand grows.