WordPress

How to Create a Custom Airtable Form in WordPress (Easy Way)

Do you wish to make a customized Airtable kind in your WordPress website?

Airtable is an information administration instrument that permits you to create your personal customized data-driven apps. Principally, you may acquire knowledge with a kind in your web site and use it to make spreadsheets, contact lists, reserving calendars, and extra.

On this article, we’ll present you find out how to create a customized Airtable kind in WordPress.

how-to-create-a-custom-airtable-form-in-wordpress-og

Why Create a Customized Airtable Kind in WordPress?

Airtable is an information administration instrument that means that you can create customized data-driven apps. That approach, you may higher visualize the info collected in your web site utilizing WordPress varieties.

As an example, you need to use your WordPress contact kind knowledge in Airtable as a CRM (Customer Relationship Management) instrument to handle leads and contacts captured by your WordPress varieties.

You may also retailer knowledge from user surveys on Airtable.

Listed below are just a few different use instances for utilizing Airtable in WordPress:

  • Arrange duties by mission, assign duties, and use Kanban views to visualise mission progress.
  • Create a content material calendar for content material items, monitor publication dates, and assign writers and edits to increase your blog traffic.
  • Preserve a database of stock gadgets to trace portions in your online store.

Principally, you need to use knowledge collected out of your WordPress contact varieties in Airtable to create customized apps, workflows, and instruments for your small business.

That being mentioned, let’s check out find out how to simply create a customized Airtable kind in WordPress.

Learn how to Create a Customized Airtable Kind in WordPress

To create our customized Airtable kind in WordPress, we’ll first make a contact kind utilizing WPForms.

It’s the best WordPress form builder plugin available on the market and means that you can create any sort of kind simply utilizing a easy drag-and-drop interface.

After that, we’ll join our kind to Airtable by utilizing a service referred to as Zapier.

Zapier works as a bridge to attach two totally different apps with none code. You need to use it with dozens of on-line apps, together with WPForms and Airtable.

Prepared? Let’s get began.

Create Your Kind in WPForms

First, you want to set up and activate the WPForms plugin. For extra particulars, see our step-by-step information on how to install a WordPress plugin.

Be aware: You will want the Professional model or increased to entry the Zapier addon for WPForms.

Upon activation, you want to go to the WPForms » Settings web page.

Beneath the ‘Normal’ tab, enter the license key out of your account on the WPForms web site and hit ‘Confirm Key.’

verify key in WPForms

Subsequent, you want to go to the WPForms » Add New web page in your WordPress dashboard. It will launch the WPForms builder interface, the place you may select from over 1200 pre-built templates.

Ensure to present your kind a reputation so you may simply refer again to it.

name your WPForms

For the sake of this tutorial, we will probably be utilizing the ‘Easy Contact Kind.’

Go forward and click on on ‘Use Template.’

Use template for simple contact form

From right here, you’ll be taken to the drag-and-drop editor, the place you may simply customise the shape.

Let’s say we’re making a contact kind to gather leads from B2B prospects. On this case, we’ll wish to add ‘Firm’ and ‘Cellphone Quantity’ to our contact kind.

So as to add the Firm, you want to add a ‘Single Line Textual content’ merchandise, then click on on the component and rename the sphere to ‘Firm.’

Add company field to WPForms

If you’d like prospects to supply their cellphone quantity, simply drag the sphere choice ‘Cellphone’ onto the editor.

Be happy so as to add some other fields that suit your wants. For extra particulars, you may see our information on how to create a contact form in WordPress.

Phone field

When you’ve arrange your kind, you want to add it to your WordPress website.

Merely hit the ‘Embed’ button up high.

embed button

You may select to embed the contact kind on an current web page or a brand new web page.

On this case, we’ll decide ‘Choose Present Web page.’

Select existing page

Select any web page you’d like and choose the ‘Let’s Go!’ button.

It will take you to the WordPress editor of that web page.

Embed in a page

All it’s important to do is hit the ‘+’ button within the high left nook.

Then, discover and choose the WForms widget so as to add it to your web page.

WPforms block

From right here, you may select the contact kind you’ve simply created.

That may mechanically embed the shape into your web page.

choose contact form

Subsequent up, be certain to hit the ‘Replace’ button up high.

Now, your kind needs to be added to your WordPress web page.

update button

After you’ve added your kind to your web site, go forward and create a check entry. This will probably be used to arrange and test the connection between WPForms and Airtable.

Right here’s our check entry, with identify, e-mail, cellphone, firm identify, and a message:

Contact form entry

Activate the Zapier Addon for WPForms

We will probably be utilizing Zapier to construct a bridge between WPForms and Airtable. To do this, you want to set up and activate the WPForms Zapier Addon.

In your WordPress dashboard, go to the WPForms » Addons web page and discover the Zapier addon. Then, go forward and set up and activate it.

Zapier addon

Now, you want to go to the WPForms » Settings.

On the ‘Integrations’ web page, merely click on on the Zapier emblem right here, and you’re going to get your Zapier API key. You want this to attach Zapier to your WPForms account.

Copy the API key someplace protected or hold this tab open, as you will want it within the later step.

Zapier api

Set Up a Base and Desk in Airtable

Subsequent, we have to create a base in Airtable to retailer the entire info that we acquire from our contact kind.

In case you are new to Airtable, then there’s an opportunity that you could be not know find out how to arrange a base and desk.

First off, the bottom is the top-level database used to arrange and retailer info. A desk in Airtable is just like a sheet in a spreadsheet.

When you’ve created an account on Airtable, go forward and click on the ‘Begin from scratch’ choice in your house dashboard.

When you have an current spreadsheet that you just wish to migrate over to Airtable, then simply click on the ‘Shortly add’ choice.

Start from scratch

Go forward and identify your base and desk.

We’ve determined to call our base ‘Gross sales CRM’ and the desk ‘Contacts.’

Rename base and table in Airtable

Then, change the highest column labels to match the shape fields you’ve simply created in WPForms.

On this case, we added a label for Title, Firm, E mail, and Cellphone.

Change labels

Preserve this tab open, as we’ll refer again to it later to test whether or not our WordPress automation works.

Create a Private Entry Token

Now, you want to put together Airtable to attach with WPForms through Zapier. To do this, you want a private entry token to attach Airtable with Zapier.

Merely navigate to Airtable and click on the ‘Account’ button underneath your profile emblem.

Airtable account

A private entry token helps you to create a number of tokens that present entry to the data held in your Airtable databases.

Within the ‘Overview’ tab, go forward and click on the ‘Go to developer hub’ button.

Go to developer hub

You’ll be taken to the developer hub, the place you may create tokens to attach together with your Airtable knowledge.

Beneath the ‘Private entry tokens’ tab, click on the ‘Create token’ button.

Create token

From right here, you can be required to fill in essential info. First, you want to identify the token as a way to simply consult with it later if you wish to edit the permissions.

Beneath ‘Scopes,’ you need to choose what customers can do when given entry to this token. On this case, we’ll choose the choice that claims, ‘knowledge.data:write,’ in order that customers can create, edit, and delete data.

As soon as that’s executed, simply click on on the ‘Create token’ button.

Create token from airtable

A popup will seem telling you that your token has been created. Simply copy it and hold it someplace protected.

We will probably be including this token to Zapier in order that we will join our Airtable database to WordPress.

copy token

Make Your Zap to Ship Information From Your Web site Kind to Airtable

Subsequent, go to the Zapier website. Right here, you want to create a free account or check in to your current account.

In your Zapier dashboard, click on the ‘Create a Zap’ button on the top-left to start out the configuration wizard.

Create a zap

Be aware: In Zapier, a ‘zap’ is a course of with a set off and an motion. Our set off will probably be somebody filling within the kind, and our motion will probably be to create a report in Airtable.

On the high of the display screen, you want to give your zap a reputation, after which you may arrange the set off.

Set up name for trigger in Zapier

Scroll down and click on on the ‘Set off’ field.

Subsequent, you’ll want to discover and choose the WPForms app to start out the set off.

WPForms zapier trigger

Within the ‘Select App & Occasion’ field, kind ‘WPForms’ into the search bar.

After that, merely click on on the WPForms icon that comes up.

Choose WPForms as your trigger app

A sidebar window will seem on the fitting of your display screen. Beneath Occasion, select ‘New Kind Entry’ because the set off to provoke the motion.

Then, merely hit the ‘Proceed’ button.

New form entry event trigger

Subsequent, you will want to click on the ‘Signal In’ button to log in to your WPForms account.

This enables Zapier to seize the entire new kind entry knowledge and insert it into your Airtable.

Sign in to WPForms

A pop-up window will seem.

You will want to enter the API key that you just generated earlier, plus the URL (domain name) of your web site.

allow zapier access to WPForms

When you’ve executed that, click on on the ‘Proceed’ button to maneuver on.

Subsequent, you can be requested to pick the shape you created earlier from the dropdown record.

Continue button

When you’ve chosen the contact kind, go forward and choose ‘Proceed.’

The ‘Refresh fields’ button helps you to reload the info to mirror the newest kind entries.

Add trigger to Zapier

Subsequent, click on on the ‘Take a look at set off’ button.

Zapier will discover your most up-to-date entry, which is able to verify whether or not the set off is ready up accurately.

Test trigger

It is best to then see a message telling you that Zapier discovered a check entry.

The info out of your kind entry will probably be proven on the display screen:

Continue with selected record

Click on the ‘Proceed with chosen report’ button to hold on. You at the moment are within the Motion a part of the Zap, the place you want to select your second app.

Merely kind ‘Airtable’ into the dropdown to search out the app. Then click on on the Airtable widget.

Connect airtable to zapier

As soon as Airtable is related to your zap, you will note the dropdown for selecting an motion occasion.

The motion occasion is solely what you wish to occur when somebody completes the shape in your website. It’s worthwhile to choose ‘Create Document’ right here.

Then, hit the ‘Proceed’ button.

Create record

Now, Zapier will immediate you to check in to Airtable.

Merely click on the ‘Signal In’ button after which log in.

Sign in to connect airtable

A brand new window will seem telling you that Zapier is requesting Airtable entry. Primarily, this permits Zapier to mechanically ship your kind entry knowledge into the created fields in your Airtable.

All you want to do is click on the ‘+ Add a base’ hyperlink. Then, select which workspaces you wish to give Zapier entry to. If you happen to don’t have a desire, then simply click on the choice that claims, ‘All present and future bases in all present and future workspaces.’

Then, as soon as chosen, go forward and click on on the ‘Grant entry’ button.

Grant access

Now, you will note a ‘Proceed’ button.

Simply click on this to hold on making your zap.

Continue with making zap

Beneath the Motion tab, you’ll must first add your ‘Base’ and ‘Desk’ from the given dropdown menus.

We’re going to use our Gross sales CRM as the bottom and add our new contacts to the Contacts desk.

Add base and table to zap

Additionally, you want to inform Zapier which fields out of your WPForms kind ought to correspond to the columns in your Airtable desk.

For all of the relevant fields, merely choose the proper area utilizing your check knowledge. It ought to look one thing like this:

table fields to add to zap

Then, click on the ‘Proceed’ button to maintain going.

Zapier will now immediate you to ship a check report to Airtable utilizing your check knowledge.

You will notice a preview of the info. Merely click on on ‘Take a look at step.’

Test step

It will ship the check knowledge to your chosen desk in Airtable, creating a brand new report.

Go forward and evaluate the preview report to test the data is right.

Test record

Chances are you’ll wish to double-check that the report has been accurately added to Airtable.

It’s a good suggestion to test that the info went via to your Airtable base and that the data was entered accurately into the correct fields.

Airtable data

Now, head again over to Zapier.

You merely must click on the ‘Publish’ button to complete creating your zap.

Publish zap

Give it just a few seconds for the Zap to publish.

On the high of your display screen, it’s best to see an ‘On’ button, indicating the Zap is dwell.

Zap is on

Additionally, when you ever must edit the Zap, reminiscent of altering which desk or fields to ship your kind entry to, you may at all times discover your Zap on the house dashboard of Zapier.

Simply click on on the title of the Zap to edit it.

Edit zap

Your zap is now working. All kind entries via your related kind will probably be added to the Airtable desk that you just chosen.

Bonus: Learn how to Ship SMS Messages to Your Leads

If you happen to discovered this integration useful, then it’s possible you’ll wish to additionally ship SMS notifications to individuals who have accomplished your contact kind.

It is a wonderful means of retaining them updated with the standing of their request.

For instance, let’s say you’ve prospects who go to your landing page after which full your kind, indicating curiosity in your companies. Whereas the shape knowledge is entered into an Airtable, you will have one other connection that mechanically sends SMS messages to your leads so that they know what to anticipate from you.

The best choice is to make use of Brevo, which is an email marketing service that additionally helps you to ship SMS messages to your leads.

Brevo website

With this software program, it is possible for you to to import your contacts after which ship textual content message campaigns. For extra info, simply comply with our tutorial on how to send SMS messages to your WordPress users.

We hope this text helped you learn to create a customized Airtable kind in WordPress. You may additionally wish to take a look at our guides to the best business phone services and how to get SMS text messages from your WordPress forms.

If you happen to appreciated this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You may also discover us on Twitter and Facebook.



Leave a Reply

Your email address will not be published. Required fields are marked *