Integrate the Airtable API with the Webflow API

Setup the Airtable API trigger to run a workflow which integrates with the Webflow API. Pipedream's integration platform allows you to integrate Airtable and Webflow remarkably fast. Free for developers.

Start for free — no credit card required

Watch a demo

Trusted by 1,000,000+ developers from startups to Fortune 500 companies

Popular Ways to Connect Airtable with Webflow#

Create Comment with Airtable API on New Form Submission from Webflow API

Webflow + Airtable

Try it

Create Field with Airtable API on New Form Submission from Webflow API

Webflow + Airtable

Try it

Create Multiple Records with Airtable API on New Form Submission from Webflow API

Webflow + Airtable

Try it

Create Single Record Or Update with Airtable API on New Form Submission from Webflow API

Webflow + Airtable

Try it

Create Single Record with Airtable API on New Form Submission from Webflow API

Webflow + Airtable

Try it

Popular Airtable and Webflow Triggers#

New Form Submission from the Webflow API

Emit new event when a form is submitted. See the documentation

Try it

New Collection Item Created from the Webflow API

Emit new event when a collection item is created. See the documentation

Try it

Collection Item Deleted from the Webflow API

Emit new event when a collection item is deleted. See the documentation

Try it

Collection Item Updated from the Webflow API

Emit new event when a collection item is changed. See the documentation

Try it

E-commerce Inventory Updated from the Webflow API

Emit new event when an e-commerce inventory level changes. See the documentation

Try it

Popular Airtable and Webflow Actions#

Create Comment with the Airtable API

Create a new comment on a record. See the documentation

Try it

Create Field with the Airtable API

Create a new field in a table. See the documentation

Try it

Create Multiple Records with the Airtable API

Create one or more records in a table by passing an array of objects containing field names and values as key/value pairs. See the documentation

Try it

Create Single Record with the Airtable API

Adds a record to a table.

Try it

Create Single Record Or Update with the Airtable API

Updates a record if recordId is provided or adds a record to a table.

Try it

Overview of Airtable#

Airtable (OAuth) API on Pipedream allows you to manipulate and leverage your Airtable data in a myriad of powerful ways. Sync data between Airtable and other apps, trigger workflows on updates, or process bulk data operations asynchronously. By using Airtable's structured databases with Pipedream's serverless platform, you can craft custom automation solutions, integrate with other services seamlessly, and streamline complex data processes.

Connect Airtable#

import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    airtable_oauth: {
      type: "app",
      app: "airtable_oauth",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://api.airtable.com/v0/meta/whoami`,
      headers: {
        Authorization: `Bearer ${this.airtable_oauth.$auth.oauth_access_token}`,
      },
    })
  },
})

Overview of Webflow#

The Webflow API empowers developers to programmatically interact with their Webflow site, enabling automation, data synchronization, and complex integrations with other apps and services. With Pipedream's serverless platform, you can harness this API to craft custom workflows that react to events, manage content dynamically, or extend the capabilities of your Webflow projects by linking them with a vast array of other applications.

You can connect your Webflow account in a few different ways:

Directly within the workflow builder, from a trigger or an action step. Search for the Webflow app, and connect your account.
From the Pipedream Accounts page: Go to Accounts > Connect an app > Search for "Webflow".
Run the example Node JS code below by clicking "Connect Webflow and run", and choose a project and create an example workflow to interact with the Webflow API.

Connect Webflow#

import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    webflow: {
      type: "app",
      app: "webflow",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://api.webflow.com/v2/token/authorized_by`,
      headers: {
        Authorization: `Bearer ${this.webflow.$auth.oauth_access_token}`,
        "accept-version": `1.0.0`,
      },
    })
  },
})

Start for free — no credit card required

Watch a demo