DEV

Webflow

Webflow Connection

Put Webflow to Work with @Human Automations and @Human Agents

The Webflow Connection documents all Triggers, Actions and Query Operations available for creating automations via the Webflow API.

What can you do with the Webflow Connection?

  • Connect to the Webflow API in a few clicks

  • Use the related Webflow Operations (see below) in @Human Automations or @Human Agents

Trigger Operations

Site Published

Triggers on: sites/site_published

Triggered when a site is published in Webflow.

Collection Created

Triggers on: collections/collection_created

Triggered when a new collection is created in Webflow.

Item Created

Triggers on: items/item_created

Triggered when a new item is created within a collection in Webflow.

Item Updated

Triggers on: items/item_updated

Triggered when an existing item is updated within a collection in Webflow.

Action Operations

Action: Create Item

Action: Fulfill Order

Action: Update Live Item

Action: API Request

Query Operations

Example link

Example link

Obtaining Access Credentials

To obtain a System-to-System Personal Access Token (PAT) for Webflow, follow these steps:

Prerequisites

  • A Webflow account (free or paid).

  • Admin/Owner access to the target Workspace (if generating a token for a team site).

Steps to Generate a PAT in Webflow

  1. Log in to your Webflow Dashboard.

  2. Go to Workspace Settings:

    • Click your profile icon (top-right) → "Settings".

    • Select the relevant Workspace (if managing multiple teams).

  3. Navigate to "API Access":

    • In the left sidebar, click "API Access" under the Workspace settings.

  4. Generate a New Token:

    • Click "Generate new token".

    • Provide a name (e.g., "System Integration") and optional description.

    • Select scopes/permissions (e.g., sites:read, sites:write, collections:read). (Choose minimal required scopes for security.)

  5. Create Token:

    • Click "Generate token".

    • Copy the token immediately (it won’t be shown again). (Store it securely—treat it like a password.)

Configuring Webhooks

  1. Log in to your Webflow Dashboard.

  2. Select Target Site: Click on the site you wish to configure.

  3. Navigate to Site Settings: Click the Settings icon (gear) or navigate to Site Settings.

  4. Access Apps & Integrations: Select the "Apps & Integrations" tab.

  5. Locate Webhooks: Scroll down to the Webhooks section.

  6. Add Webhook: Click the "Add webhook" button.

  7. Configure Webhook Details:

    • Trigger Type: Choose the desired event (e.g., Form Submission, Site Publish).

    • Destination URL: Enter the URL where the payload should be sent.

    • API Version: Select the latest API version.

  8. Finalize: Click "Add webhook" to save.

Code (Apache v2.0): Service Connectivity and Metadata

Code (Apache v2.0): List of External Resources and Internal Mapping

Last updated