Back to Integrations
integrationAirtable node
integrationWebflow node

Airtable and Webflow integration

Save yourself the work of writing custom integrations for Airtable and Webflow and use n8n instead. Build adaptable and scalable Data & Storage, and Marketing workflows that work with your technology stack. All within a building experience you will love.

How to connect Airtable and Webflow

  • Step 1: Create a new workflow
  • Step 2: Add and configure nodes
  • Step 3: Connect
  • Step 4: Customize and extend your integration
  • Step 5: Test and activate your workflow

Step 1: Create a new workflow and add the first step

In n8n, click the "Add workflow" button in the Workflows tab to create a new workflow. Add the starting point – a trigger on when your workflow should run: an app event, a schedule, a webhook call, another workflow, an AI chat, or a manual trigger. Sometimes, the HTTP Request node might already serve as your starting point.

Airtable and Webflow integration: Create a new workflow and add the first step

Step 2: Add and configure Airtable and Webflow nodes

You can find Airtable and Webflow in the nodes panel. Drag them onto your workflow canvas, selecting their actions. Click each node, choose a credential, and authenticate to grant n8n access. Configure Airtable and Webflow nodes one by one: input data on the left, parameters in the middle, and output data on the right.

Airtable and Webflow integration: Add and configure Airtable and Webflow nodes

Step 3: Connect Airtable and Webflow

A connection establishes a link between Airtable and Webflow (or vice versa) to route data through the workflow. Data flows from the output of one node to the input of another. You can have single or multiple connections for each node.

Airtable and Webflow integration: Connect Airtable and Webflow

Step 4: Customize and extend your Airtable and Webflow integration

Use n8n's core nodes such as If, Split Out, Merge, and others to transform and manipulate data. Write custom JavaScript or Python in the Code node and run it as a step in your workflow. Connect Airtable and Webflow with any of n8n’s 1000+ integrations, and incorporate advanced AI logic into your workflows.

Airtable and Webflow integration: Customize and extend your Airtable and Webflow integration

Step 5: Test and activate your Airtable and Webflow workflow

Save and run the workflow to see if everything works as expected. Based on your configuration, data should flow from Airtable to Webflow or vice versa. Easily debug your workflow: you can check past executions to isolate and fix the mistake. Once you've tested everything, make sure to save your workflow and activate it.

Airtable and Webflow integration: Test and activate your Airtable and Webflow workflow

Manage Webflow form submissions in Airtable

What this does
This automation will create tables in your Airtable base and send Webflow form submissions as records in those tables. It keeps track of your Webflow forms with a Form Index table to ensure that form content does not get sent to the wrong table if you have Webflow forms with identical names.

This is useful for
Enhancing your Webflow form submission management. By sending structured data to your Airtable base you can do more with your Webflow forms.

Usage guide
Full written and video guide

This automation is made to be as low effort as possible to start enhancing your Webflow forms.

Simply create credentials for Webflow and a Personal Access Token for your Airtable base and connect them to the relevant nodes. The guide demonstrates a realworld example using a Webflow template and breaksdown the flow and logic for all the nodes.

Nodes used in this workflow

Popular Airtable and Webflow workflows

Webflow Trigger node
Code node
HTTP Request node
+2

Manage Webflow form submissions in Airtable

What this does This automation will create tables in your Airtable base and send Webflow form submissions as records in those tables. It keeps track of your Webflow forms with a Form Index table to ensure that form content does not get sent to the wrong table if you have Webflow forms with identical names. This is useful for Enhancing your Webflow form submission management. By sending structured data to your Airtable base you can do more with your Webflow forms. Usage guide Full written and video guide This automation is made to be as low effort as possible to start enhancing your Webflow forms. Simply create credentials for Webflow and a Personal Access Token for your Airtable base and connect them to the relevant nodes. The guide demonstrates a realworld example using a Webflow template and breaksdown the flow and logic for all the nodes.

Build your own Airtable and Webflow integration

Create custom Airtable and Webflow workflows by choosing triggers and actions. Nodes come with global operations and settings, as well as app-specific parameters that can be configured. You can also use the HTTP Request node to query data from any app or service with a REST API.

Airtable supported actions

Get Many
List all the bases
Get Schema
Get the schema of the tables in a base
Create
Create a new record in a table
Create or Update
Create a new record, or update the current one if it already exists (upsert)
Delete
Delete a record from a table
Get
Retrieve a record from a table
Search
Search for specific records or list all
Update
Update a record in a table

Webflow supported actions

Create
Delete
Get
Get Many
Update

FAQs

  • Can Airtable connect with Webflow?

  • Can I use Airtable’s API with n8n?

  • Can I use Webflow’s API with n8n?

  • Is n8n secure for integrating Airtable and Webflow?

  • How to get started with Airtable and Webflow integration in n8n.io?

Looking to integrate Airtable and Webflow in your company?

Over 3000 companies switch to n8n every single week

Why use n8n to integrate Airtable with Webflow

Build complex workflows, really fast

Build complex workflows, really fast

Handle branching, merging and iteration easily.
Pause your workflow to wait for external events.

Code when you need it, UI when you don't

Simple debugging

Your data is displayed alongside your settings, making edge cases easy to track down.

Use templates to get started fast

Use 1000+ workflow templates available from our core team and our community.

Reuse your work

Copy and paste, easily import and export workflows.

Implement complex processes faster with n8n

red iconyellow iconred iconyellow icon