How to connect ActionForms.io + Airtable using Integromat
Tags: javascript, html, nocode, webdev
Published: 2021-11-12 10:53:21

### **How to connect ActionForms.io + Airtable using Integromat**

![](https://cdn-images-1.medium.com/max/800/1*5WrWyC3oVGqsso7sLBzjsg.png)

### What is ActionForms.io?

As a developer or web designer, when you create a web form, you need to specify some _action._ The action is a URL or endpoint that your form will be sent. Meaning that you need a backend (code) that receives your form and send you email notifications, saves the data, and something else.

But what happens if I don’t know how to create a backend? Or what happens if I don’t wanna create a backend for a simple form?

For that reason, I’ve created [ActionForms.io](https://www.actionforms.io/).

----------

### Connect ActionForms.io endpoint to an Integromat scenario flow

If you haven’t read our tutorial about how to connect ActionForms.io + Integromat, please click the link below:

> [How to connect Integromat with ActionForms.io](http://medium.com/@magarrent/how-to-connect-integromat-with-actionforms-io-a8c9bc6ff0af)

### Send ActionForms.io endpoints to Airtable

First of all, you need an Airtable account.

> You can use my affiliate link here: [https://airtable.com/invite/r/CEQGIO03](https://airtable.com/invite/r/CEQGIO03)

Now we have to create a **new Base** in Airtable. If you’re new in Airtable, just click the “+” button in your Dashboard:

![](https://cdn-images-1.medium.com/max/800/1*PdU7cL-0yM9SYxWiz_qE9Q.png)

This will create a new “Document”. By default, Airtable creates a “Table 1” with some columns. We can delete some of them for this tutorial.

![](https://cdn-images-1.medium.com/max/800/1*zzgvLq3dV7eeKkW_zte_Rw.png)

----------

### Sending form and collecting fields

We’ve created a sample contact form for this tutorial, using **ActionForms.io endpoint**, and connected to **Integromat webhook.**

![](https://cdn-images-1.medium.com/max/800/1*9jqd2u5eM9L-HMcUxjVnhw.png)

**Before sending the form**, you have to access your **Integromat Scenario** and click the “Play” button in your configured Webhook:

![](https://cdn-images-1.medium.com/max/800/1*Y9euTTRZSB9aHZ4uA2BIsw.png)

Once you have clicked the Run button, then **Send the form.** You’ll see that a new request was sent, and the scenario was initialized:

![](https://cdn-images-1.medium.com/max/800/1*CcOMin50AHySC2bF3XSpbQ.png)

----------

Now it’s time to **Add Airtable connection.** Search for Airtable module, and select **Create a Record:**

![](https://cdn-images-1.medium.com/max/800/1*DN2QAFp3feSdjLfM_uLTAg.png)

First of all, you’ll have to connect Airtable to Integromat. Just Add a new connection and Paste your Airtable Api key:

![](https://cdn-images-1.medium.com/max/800/1*KV4UuRofnTpLuAYLj_7qIw.png)

Once you have connected your Airtable account, now you can select the Base and the Table that we’ve just created:

![](https://cdn-images-1.medium.com/max/800/1*VbdPvVhcF5aTuSbxeYbdnA.png)

Now it will appear a **Record fields** section. This fields are our table columns, remember:

![](https://cdn-images-1.medium.com/max/800/1*7EgbfOf08b0iokYIxWWNpA.png)

![](https://cdn-images-1.medium.com/max/800/1*ds-U1vtSf4VsP4clN1lLEQ.png)

The reason that we sent the contact form before, is because now the Scenario has all the **field names** of our form, and you can link it to our Airtable columns:

![](https://cdn-images-1.medium.com/max/800/1*x_pWgR5HJ78tkAkYCQDT2g.png)

![](https://cdn-images-1.medium.com/max/800/1*lQl7LjpL2oKZbA8VDDNvFA.png)

To **enable** our workflow, save the Scenario and enable it using the switch in the Scenarios page.

![](https://cdn-images-1.medium.com/max/800/1*tUZkSUU0RXWWMOZQsNz3rg.png)

Let’s try it! Send the form again:

![](https://cdn-images-1.medium.com/max/800/1*-RJ3pQ3DkCx027Nh0-haWg.png)

And that’s it, it works!

![](https://cdn-images-1.medium.com/max/800/1*GKkJyKMhLlo4_kAzZlWcWg.png)

### What’s next?

If you used Integromat before, maybe you know what you can do. Once you have the **ActionForms.io webhook connected,** now you can connect more than +1000 applications that Integromat offers to you:

![](https://cdn-images-1.medium.com/max/800/1*8zsa5m-VCj8Q9r6MUBXgNA.png)

----------

Start using ActionForms.io for Free!

> Get your **20% OFF Discount** using this code: _MEDIUMMAGARRENT_