Has anyone connected a standard html form to Airtable yet

[Evos_World]

As per the title, has anyone connected a standard html form to Airtable?

I’m struggling to work it out and need a little help.

[kuovonne]

Welcome back to the Airtable community!

I doubt that many people have connected a vanilla html form to Airtable. Instead, people

• embed the native Airtable form in their websites, or
• use 3rd party form services that provide easy integration with Airtable.

Trying to connect your own html form to Airtable without a 3rd party service would involve using the REST API, and a huge amount of back-end work that isn’t very cost effective compared to the alternatives.

[Brian_Schuster]

There are a few good examples on CodePen!

[kuovonne]

One of the issues with the REST API is you need to include your Airtable API key with every request. The CodePen example requires including your API key in client-side code. However, you should never include your Airtable API key in client-side code because then anyone could copy your API key and have access to all of your bases.

It is possible to hide the API key on the server side, but then you need to have server-side code, which is more complicated to setup. It’s do-able, but so much more work than 3rd party form services that it’s rarely worth the effort.

[Brian_Schuster]

That’s the goal of the API gateway I mentioned in the other thread:

Create multiple API key tokens API

As this is not posted under the product suggestions category, I’m going to offer some thoughts. There are several issues here: Having multiple API keys per user. Currently each user can have only one API key, so you must have multiple users in order to have multiple API keys. If the API key must be able to edit data, this means you must pay for the user associated with that API key in Plus and Pro workspaces. In a pro workspace you can set field and table level permissions for creating re…

As an app developer, you could expose only the API tokens you’re willing to share, and you can do the back-end processing with a separate Javascript file that runs independently with no need for the client to access it.

[ClarifyThis]

Just in case anyone finds this thread in 2024+ (SERP still leads here), you can (now) achieve this through Airtable's Webhooks. Just set up a webhook automation that creates a record and have your form POST to it with the relevant data.