Setting it up

Setting it up is easy. Here's how:

If you already have a custom form on your site, follow the instructions below to get a better understanding of some concepts and how to integrate Beenform.

Instructions

1. Setup the HTML form

Change your Action form to the endpoint provided on the Beenform platform. As the example below shows.

https://api.beenform.com/.netlify/functions/beenform/username/formidapi.beenform.com

Add this endpoint also on the Action of the update form.

2. Updating a record

Add the site that contains the have the form you want your users to update for eg www.example.com/reservation

Copy the Beenform js below and put it the header of your HTML form.

<script src="https://beenform.co/beenform.js"></script>

3. Add id to your Form

*This is only applicable if you want your users to update their personal records using that form.

Add this id="beenform" to your form

2. Add a name attribute to every field

It is important to ensure all <input>, <select> and <textarea> elements inside your form have a name attribute and it must be the same with the name in your Airtable base, otherwise you will not receive the data filled in these fields.

3. Submit the form

If you want to test, submit / update a data in the form of your site and check the data in your Airtable base.

4. All set, receive submissions

From now on, every time someone submits one of your forms, we'll store / update the data in your Airtable base for you, where you can manage it any way you want.