# Setting it up

## Setting it up is easy. Here's how: <a href="#setting-it-up-is-easy-heres-how" id="setting-it-up-is-easy-heres-how"></a>

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 <a href="#instructions" id="instructions"></a>

**1. Setup the HTML form**

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

{% embed url="<https://api.beenform.com/.netlify/functions/beenform/username/formid>" %}

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.

```javascript
<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**

&#x20;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.