Webflow
Publish RankPine articles as items in a Webflow CMS collection, mapped to your collection's fields.
RankPine publishes to Webflow by creating items in a CMS collection. Because every Webflow project structures its blog differently, you tell RankPine which of your collection's fields the article body, meta description, and image map to.
What you'll need
- A Webflow Site API token with CMS read & write access
- The Collection ID of your blog collection
- The API slug of your collection's rich-text body field (and, optionally, fields for the meta description and image)
Step 1 — Create an API token
Open API access
In Webflow, go to Site settings → Apps & integrations → API access.
Generate a token
Click Generate API token, give it a name like RankPine, and grant it CMS
read and write access. Copy the token — it's shown only once.
Step 2 — Find your collection ID and field slugs
Collection ID
Open the CMS collection you publish blog posts to, go to its Settings, and copy the Collection ID shown under the API tab.
Field slugs
Still in the collection's settings, note the API slug (not the display name) of:
- the rich-text field that holds the post body — e.g.
post-body - (optional) a plain-text field for the meta description — e.g.
meta-description - (optional) an image field for the featured image — e.g.
main-image
The API slug is the lowercase, hyphenated identifier Webflow shows next to each field, which may differ from the label you see in the editor.
Step 3 — Connect in RankPine
Go to Integrations, click Connect on Webflow, and fill in the dialog:
| Field | What to enter |
|---|---|
| API token | The Site API token from Step 1 |
| Collection ID | The collection's ID from Step 2 |
| Body field slug | The API slug of your rich-text body field (e.g. post-body) — required |
| Meta field | (optional) API slug for the meta description |
| Image field | (optional) API slug for the featured image |
| Publish to live site | On by default. Off creates a staged draft you publish from Webflow |
RankPine verifies the token and collection immediately, and confirms the collection name it connected to.
What gets published
For each article, RankPine creates a collection item with:
- The name (title) and slug
- The article body as HTML in your body field
- The meta description in your meta field (if mapped)
- The first image in your image field (if mapped), with alt text
- Inline images, served from RankPine's CDN
With Publish to live site on, the item is published immediately. With it off, the item is created as a draft for you to publish from the Webflow Designer or Editor.
The body field must be a rich-text field
Webflow rejects HTML sent to a plain-text field. Make sure Body field slug points at a Rich text field in your collection, or the body won't appear.