How to integrate Webflow with Airtable to add entries to Airtable when a Webflow form is submitted

When you receive a lot of emails every day, it can be quite a hassle to save files to Dropbox each time.
Moreover, many people might have experienced the struggle of missing a file save or saving a file in the wrong folder, making it difficult to find later.

In this article, we will introduce a method to automatically save files received in Gmail to Dropbox!

By using no-code tools, you can easily set up automation between Gmail and Dropbox.
You can start using it right away, so be sure to give it a try!

Recommended for

Those who want to automatically upload files attached to Gmail to Dropbox
Those who want to integrate Gmail and Dropbox to facilitate smooth file sharing within the team
Those who want to prevent the loss of attachments and ensure proper document storage

For those who want to try it immediately

In this article, we will introduce the integration method using the no-code tool "Yoom".

No complicated settings or operations are required, and even non-engineers can easily achieve it.

You can start right away using the template below, so please give it a try!

Forms installed on a website are convenient for collecting various types of information, such as inquiries and lead information. To make effective use of the information obtained from forms, it is often transcribed into a database. However, the more information you collect, the longer it takes to transcribe. Wouldn't automating this process improve efficiency?

By integrating Webflow with Airtable, you can automatically sync form responses. Eliminate the hassle of transcription and smoothly proceed with operations based on consistent inquiry and lead information. This article explains in detail the benefits of integration and how to automatically add Webflow form responses to Airtable.

Benefits of Integrating Webflow and Airtable

Benefit 1: Improved Work Efficiency and Data Consistency

With integration, when a response to a Webflow form is submitted, the data is automatically added to Airtable. This eliminates the need for manual input, reducing the time spent managing form information and allowing staff to focus on other important tasks. Additionally, the risk of errors and data inconsistencies from manual input is reduced, ensuring information is managed consistently and accurately.

For example, the customer support team can check inquiry details on Airtable without frequently checking emails or the Webflow dashboard. The time previously spent on transcription can be allocated to handling inquiries, potentially reducing response times and increasing the number of cases that can be handled.

Benefit 2: Faster Information Sharing

Automation allows data to be quickly added to Airtable after a Webflow form response is submitted. This enables information analysis and follow-up based on the latest information.

For example, the sales team can immediately start approaching prospective customers based on lead information synced to Airtable. If appropriate follow-up is conducted while interest in the company's products or services is growing, the likelihood of converting them into customers is expected to increase.

[What is Yoom]

How to Create a Webflow and Airtable Integration Flow

Let's set up the integration of Webflow and Airtable and automate the workflow.

Using a template, we will introduce the steps to create a workflow that "adds to Airtable when a Webflow form is submitted."

Before You Start

1. Please create a form for responses in Webflow and a database in Airtable to send the response content.

2. Log in to Yoom.

3. Click the "Try it" button below to copy the template in Yoom.

Step 1: Integrate My App with Webflow and Airtable

*If you have already completed the app integration, please proceed to Step 2.

1. Select "My Apps" from the left menu and click "+ New Connection" on the right side of the screen.

2. From the list of new connections in My Apps, select Webflow and Airtable respectively, and integrate the apps.
　*Reference: How to Register My App in Airtable

Next, copy the template to My Project and create a Flowbot.
If you haven't copied it yet, please copy the Flowbot template from below.

1. Hover over the banner and click "View Details"
2. Click "Try this template" on the page you moved to
3. Register for Yoom
* If you have already completed registration, the login screen will be displayed, so please log in.

‍

Step 2: Setting the trigger to activate when the Webflow form is submitted

1. Open the copied template.
* You can change it to any title from the red frame part in the figure below.

2. Click on the Flowbot's "App Trigger: When Form is Submitted".

3. Select the linked account and action.
Change the title if necessary and click "Next".

4. Set up the API connection for the app trigger.
Select the Site ID from the candidates.

5. If the test is successful, click "Next".

6. Enter the test values, submit the form, and click "Test".

7. If the test is successful, please refer to this article to add the output items you want to sync to Airtable.

8. Click "Save".

Step 3: Setting the action to create a record in Airtable

1. Click on the Flowbot's "Integrate with App: Create Record".

2. Select the linked account and action.
Change the title if necessary and click "Next".

3. Set up the API connection.
・"Base ID", "Table ID or Name": Please refer to the note at the bottom of the field for input.

　　* The figure below is an example of the reference position of Airtable's URL.

・Field Information "Field Name": Enter the title of the column to sync the information.
・Field Information "Value": Refer to the output of the form response corresponding to the field name.
* If syncing multiple pieces of information, click "+ Add Field Information" to add items.
* The figure below is an example.

* The figure below is an example of the output reference.

4. If the test is successful, click "Save".

Finally, switch the trigger of the saved flow to "ON" to activate it.

This completes the flow of "Add to Airtable when Webflow form is submitted".

Other Automation Examples Using Webflow

There are many other examples of automation using Webflow on Yoom, so here are a few.

1. A flow that adds information to a Google Spreadsheet when a Webflow form response is submitted. This is useful if you want to use Google Spreadsheet's features for processing and analyzing the collected information.

2. This is the flow for registering Sasuke's lead source when a Webflow form response is submitted. By integrating with SFA, you can smoothly manage prospective customer information.

3. This is the flow for creating a HubSpot ticket when a Webflow form response is submitted. By centrally managing inquiries from leads and customers in HubSpot, you can expect faster follow-ups and improved accuracy in information analysis.

Summary

We have discussed how to automatically add Webflow form responses to Airtable. By integrating these two applications, you can automatically sync form information, eliminating the need for manual data entry and maintaining data consistency. Accurate information is shared promptly, allowing for smooth data analysis and follow-up. Using Yoom makes it easy to set up the integration. Take this opportunity to give it a try.