Templates

Update/edit form with Airtable template

Authenticate your users with email and allow them to edit/update their record information.

Templates
Update/edit form with Airtable

About this template

Authenticate users by sending an OTP via email before allowing them to modify their profile data. Once the user submits the form, the data is automatically updated in Airtable.

This template consists of:

  • A form with 3 steps. The first requests the email, the second asks for the temporary code (OTP), and the third allows the user to modify their data.
  • 3 flows connected to it. The first generates and sends the OTP, the second verifies it, and the third updates the data in Airtable.

To configure it you will only need:

  • The Airtable account where you store user data.
  • An email sending service. A native action is available for testing purposes but you will need to replace it with a service like Mailjet or SendGrid.

How to configure this template

Requirements

Once the Arengu template is imported in the editor, to configure it, you will need:

Configure the Airtable base

Click here to add the Arengu conditional logic form template to your Airtable bases. 

Important: Add a record with a valid email address for OTP email verification. 

  • Airtable Base ID: Once the table is imported, the Base ID can be found under Help -> API documentation.

  • Airtable API Key: This key can be found in your Airtable account overview, here

Connect your Airtable account

You will be prompted for the Airtable API key to create a connection or select from an existing Airtable connection. 


Edit the Check users and generate OTP flow

Go to the Flows tab on the light gray menu and open the flow in a new tab

Edit the List records Airtable action.

  • Base ID:  From the Airtable base, under Help > API documentation.

Edit the Update data in Airtable flow

Go to the Flows tab on the light gray menu and open the flow in a new tab

Edit the Update a record Airtable action.

  • Base ID:  From the Airtable base, under Help > API documentation.

Finally, close the settings and publish the changes, and test and debug it.

A native experience for your brand

Style our forms following your brand guidelines and embed them into your frontend framework with a single line of code.

Explore the docs

Need some inspiration?

Discover our best practices guides to design the perfect signup flow, examples of other SaaS companies, and success stories of our clients.

Integrate this template with your own stack

Send your data back and forth between Arengu and your favourite apps.

Getting started with Arengu

Arengu allows you to build all your user flows connected to your current stack, and avoids coding all the UI, complex integrations, validations or logic from scratch. Try it for free and start building faster and scaling your application needs as they grow.