Webflow

The Webflow integration lets RankYak publish articles as items in a CMS collection on your Webflow site. Because every Webflow project structures its CMS differently, the setup has two halves: connecting with a Site ID and an API token, and then telling RankYak which collection to publish to and which fields to fill. This page walks through both.

Copying the Site ID

1. Sign in to your Webflow account and go to the dashboard.
2. Hover over your site and click the cogwheel to open the site settings.
3. On the General tab, scroll down to the Overview section.
4. Copy the Site ID.

Creating an API token

1. In the same site settings, click Apps & Integrations.
2. Scroll down to API access and click Generate API token.
3. Enter rankyak as the token name.
4. Grant the following permissions: Assets, CMS, and Pages, each set to Read and write.
5. Click Generate token and copy the token.

Connecting in RankYak

Go to Settings, then Integrations, and click Connect next to Webflow. Paste the Site ID and API token into the matching fields and click Connect. RankYak tests the connection immediately, so a typo in either value is caught on the spot.

Choosing a collection and mapping fields

After connecting, RankYak opens the integration settings to finish the setup. First, select the collection the articles should be created in, typically the one holding your blog posts. RankYak then lists that collection's fields so you may map each one to a piece of RankYak data.

Each item's name and slug are always filled from the article's title and slug, so the mapping only needs to cover the rest, typically the body, the meta fields, and the header image. Webflow fields your collection requires are marked with an asterisk, and you should only map the fields that are relevant; anything left unmapped is simply left empty.

Of course, you may change the collection or the mapping at any time by clicking Edit settings next to the connection.

Publishing as drafts

If you would like to review each article before it goes live, enable Publish articles as draft in the same settings. New items are then created in your collection as drafts, so you may review and publish them from Webflow on your own terms.

Disconnecting

To stop publishing to Webflow, go to Settings, then Integrations, and click Disconnect next to the connection. Publishing stops immediately; items already in your collection are not affected. You may also revoke the API token in your Webflow site settings afterwards.