Skip to main content

Webflow

Webflow allows to create professional, custom websites in a completely visual canvas with no code.

Official Websitehttps://webflow.com/
Tagswebcms
Documentationhttps://developers.webflow.com/
NodeJS packagehttps://www.npmjs.com/package/webflow-api
Version1.2.2
Source Codehttps://github.com/webflow/js-webflow-api

Credential configuration​

To configure this credential, you need your Webflow API token.

To generate an API key for a site, open the site in the dashboard and navigate to the "Settings" panel. There is a section titled "API Access", where you can generate a new API key.

Here is an example of a filled credential configuration form in YepCode:

Webflow Snippets available in Editor​

note

The title is the triggering text for YepCode to autocomplete the script.

Integration​

New integration from credential
const webflow = yepcode.integration.webflow('credential-slug');
New integration from plain authentication data
const webflow = new (require("webflow-api"))({ token: "your-api-token" });

Create CMS Item​

Create CMS item
  webflow.createItem(
    {
      collectionId: "your-collection-id",
      fields: {
        slug: "a-cms-item-slug",
        name: "a-cms-item-name",
        content: "the-content",
        _archived: false,
        _draft: false,
      },
    },
    { live: "true" }
  )
  .then((item) => console.log(item))

Find CMS Items​

Find CMS items
  webflow.items({
    collectionId: "your-collection-id"
  })
  .then((items) => console.log(items))

Remove CMS Item​

Remove CMS item
  webflow.removeItem({
    collectionId: "your-collection-id",
    itemId: "your-item-id"
  })