Webflow

Responsive web design tool

Integrate the Webflow API with the Airtable API

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

Create single record with Airtable API on Changed E-commerce Inventory (Instant) from Webflow API
Webflow + Airtable
 
Try it
Create single record with Airtable API on Changed E-commerce Order (Instant) from Webflow API
Webflow + Airtable
 
Try it
Create single record with Airtable API on Deleted Collection Item (Instant) from Webflow API
Webflow + Airtable
 
Try it
Create single record with Airtable API on New Changed Collection Item from Webflow API
Webflow + Airtable
 
Try it
Create single record with Airtable API on New Changed E-commerce Inventory from Webflow API
Webflow + Airtable
 
Try it
New Form Submission from the Webflow API

Emit new event when a new form is submitted. See the docs here

 
Try it
New Collection Item from the Webflow API

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

 
Try it
Changed E-commerce Inventory (Instant) from the Webflow API

Emit an event when an e-commerce inventory level changes

 
Try it
Changed E-commerce Order (Instant) from the Webflow API

Emit an event when an e-commerce order is changed

 
Try it
Deleted Collection Item (Instant) from the Webflow API

Emit an event when a collection item is deleted

 
Try it
Create single record with the Airtable API

Adds a record to a table.

 
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.

 
Try it
List Records with the Airtable API

Retrieve records from a table with automatic pagination. Optionally sort and filter results.

 
Try it
List Records in View with the Airtable API

Retrieve records in a view with automatic pagination. Optionally sort and filter results.

 
Try it
Create Collection Item with the Webflow API

Create new collection item. See the docs here

 
Try it

Overview of Webflow

With the Webflow API, you can build a number of different applications that can
help you manage your website more effectively. Some examples of applications
that can be built using the Webflow API include:

  • A website management tool that can help you keep track of your website's
    content and performance
  • A tool that can help you manage your website's SEO
  • A tool that can help you monitor your website's traffic
  • A tool that can help you track your website's conversion rate

Connect Webflow

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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/info`,
      headers: {
        Authorization: `Bearer ${this.webflow.$auth.oauth_access_token}`,
        "accept-version": `1.0.0`,
      },
    })
  },
})

Overview of Airtable

Using the Airtable API, you can build applications that can:

  • Create and manage databases
  • Add, update, and delete records
  • Search for records
  • Sort and filter records
  • Display records in a variety of ways
  • Import and export data

Connect Airtable

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
module.exports = defineComponent({
  props: {
    airtable: {
      type: "app",
      app: "airtable",
    },
    baseId: {
      type: "$.airtable.baseId",
      appProp: "airtable",
    },
    tableId: {
      type: "$.airtable.tableId",
      baseIdProp: "baseId",
    },
  },
  async run({steps, $}) {
    const Airtable = require('airtable');
    const base = new Airtable({apiKey: this.airtable.$auth.api_key}).base(this.baseId);

    const data = []
    
    await base(this.tableId).select({
      // pass optional config parameters here
    }).eachPage(function page(records, fetchNextPage) {
        // This function (`page`) will get called for each page of records.
        records.forEach(function(record) {
            data.push(record._rawJson)
        });

        // To fetch the next page of records, call `fetchNextPage`.
        // If there are more records, `page` will get called again.
        // If there are no more records, `done` will get called.
        fetchNextPage();
    })

    return data
  },
})

Community Posts

Airtable Webhooks with Slack + Pipedream
Airtable Webhooks with Slack + Pipedream
We love Airtable here at Pipedream. But Airtable lacks one killer feature — webhooks. We took advantage of Airtable’s Slack notifications and built a way to send webhooks to an HTTP endpoint every time a record is created or updated in a base. It takes 10 minutes to setup and it’s free.
Webhooks workaround using Slack
Webhooks workaround using Slack
This has been an open item in the Airtable support community for a few years, see "Webhooks for Records 393" and here 39, & here 28, and we are excited to offer a free solution to the community. Here is the high level solution: Based on the transitive property (A=B and B=C, then A=C), Airtable supports Slack Notifications, and Slack supports webhooks, so Airtable supports webhooks! You just have to know how to set it up correctly. With a simple integration via Pipedream into Slack, all Airtable users can now get near real time notifications of all updated fields and values in Airtable.
Overcoming Airtable Scripting Limitations with Pipedream
Overcoming Airtable Scripting Limitations with Pipedream
How I used Pipedream — Created a workflow having an API endpoint to convert Airtable’s Attachment Image URL to Base64 encode image (to push it to another API). Similarly, there could be a million other use-cases.