How to integrate Webflow with Airtable to automatically add items to Airtable when a collection item is registered in Webflow

The process consists of only 4 steps, so it can be set up in 10-15 minutes.

1. Register Webflow and Airtable as My Apps
2. Set a trigger to activate when a collection item is created in Webflow
3. Set an action to create a record in Airtable
4. Verify the automation between Webflow and Airtable

If you are not using Yoom, please register for free here.
If you are already using Yoom, please log in.

Step 1: Register Webflow and Airtable as My Apps

Register Webflow and Airtable as My Apps in Yoom.
Registering as My Apps first will make the automation setup smoother.

First, let's register Webflow as My App.
Click "My Apps" → "New Connection" on the left side of the Yoom screen.
Search for Webflow from "Search by App Name" or find it from the app list.

The following screen will be displayed, so please check the explanation and set the "Account Name" and "Access Token".

Next, register Airtable as My App.
Refer to the registration method described here and register.

Once both My App registrations are complete, Webflow and Airtable will be displayed.

Step 2: Set a trigger to activate when a collection item is created in Webflow

To set up automation, click "Try it" on the banner below.

Read the following screen display and click "OK".

When the following screen is displayed, check the "Title" and "Description".
If changes are needed, you can click on the relevant section to make changes.
To initially set up Webflow, click "When a collection item is created".

The following screen will be displayed, so check the settings.

• "Title" → Can be changed freely
• "Account information linked with Webflow" → Check if the account is correct
• "Trigger action" → When a collection item is created

When the following screen is displayed, select the "Site ID" from the candidates.
Clicking on the input area will display the candidates.
Once set, click "Test" → "Test Successful" → "Save".

The following screen will be displayed, so check the steps.
After sending a webhook event or executing a trigger event, click "Test" → "Test Successful" → "Save".

Step 3: Set up the action to create a record in Airtable

Next, to set up Airtable, click "Create a record".
When the following screen is displayed, check the settings.

• "Title" → Can be changed freely
• "Account information linked with Airtable" → Check if the account is correct
• "Action" → Create a record

The following screen will be displayed, so check the precautions.

Scroll to check the description and set the "Base ID" and "Table ID or Name".

Scroll and use the Webflow output to set the "Field Information".

• "Field Name" → Enter a name that matches the value
• "Value" → Select from Webflow output
  * You can use the Webflow output by clicking the arrow in the red frame.

Optionally set the item information to be added to Airtable.
If you want to add field information, click "Add Field Information" to add it.
Once set, click "Test" → "Test Successful" → "Save".

Step 4: Verify the automation between Webflow and Airtable

Finally, click "Turn on Trigger" to complete the automation setup.
Check if the flowbot is working correctly.

Flowbot template used this time
Add to Airtable when a collection item is created in Webflow

Other Examples of Automation Using Webflow and Airtable

1. This flow automatically adds orders to Airtable when they occur in Webflow.
This automation is recommended for those who find it tedious to repeatedly add order information.
By automatically transferring order information, you can prevent human errors such as omissions and mistakes.

2. This is a flow where a Webflow form submission is automatically added to Airtable.
‍ You can quickly check the form contents, allowing for smooth handling.
This automation is recommended for those using Webflow and Airtable who are having trouble managing form contents.

3. This is a flow that automatically adds items created in a Webflow collection to Microsoft Excel.
‍You can reflect Webflow collection data in Microsoft Excel as well.
Since the input process is automated, it helps prevent human errors.

Summary

By integrating Webflow and Airtable, data management becomes more efficient, allowing you to always access the most up-to-date data.
This frees up personnel from manual data entry tasks, enabling them to focus on managing blogs or e-commerce sites.
This automation is especially recommended for project managers handling multiple projects.

Typically, app integration and automation require some programming knowledge, but with Yoom, none is needed.
This makes it easy to use even for those who are not comfortable with technology.
If you want to try it out, please register for free here.