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

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"
})