Articles on: Airtable Elements

Airtable Integration Element: Create Job Board, Grid and Table

Airtable Job Board



The Airtable Job board element allows you to integrate Airtable and embed job data from Airtable’s API. It is particularly useful if you are willing to display job data from Airtable on your website. This article will cover how you can add and edit the Airtable Job Board element. Follow all instructions accordingly.

Adding the Airtable Job Board element



Follow the steps below to add an Airtable Job Board to your site.

- Click on the + button labelled Add Element or Container within an empty container
- From the Elements tab, select Airtable Job Board element


Refer to the GIF & Screenshots below:







Airtable Connection



To integrate Airtable, follow the instructions and steps given below:

Expand the Airtable Connection option in the Airtable Job Board editor and click on Clone Airtable Templates.




You will be redirected to a preset Airtable base





Click on Copy base




Choose a workspace to copy the base to and click on Add base





From here, click on the Account (1️⃣) option and select the Developer hub (2️⃣) option, as shown below.

Or you can go to this link- https://airtable.com/create/tokens






Click on the Create Token button and then follow the steps shown in the video below:






Go back to the builder and click on the + button under the Token option. Then, give it a Name and paste the Token you copied in the previous step.





Do the Airtable configuration by adding the Base


Airtable Base






Your Airtable Job Board has been connected and configured ⬇️






Please check the Doc for detailed instructions to add Airtable Job Board




Airtable Job Board


Airtable Grid



The Airtable Grid element allows you to integrate Airtable and embed data from Airtable’s API, and the format of this data displayed will be in a Grid-like structure. This article will cover how you can add and edit the Airtable Grid element. Follow all instructions accordingly.


Adding the Airtable Grid element



Follow the steps below to add an Airtable Grid to your site.

- Click on the + button labelled Add Element or Container within an empty container
- From the Elements tab, select Airtable Grid element


Refer to the GIF below:


Adding the Airtable Grid Element


The Airtable Grid Element


The Airtable Grid element on Builder


Integrating Airtable



To integrate Airtable, follow the instructions and steps given below:

Expand the Airtable Connection option in the Airtable Grid editor and click on Clone Airtable Templates. (Cloning is used for testing purposes, you can choose your own Airtable base)




You will be redirected to an Airtable base




Click on Copy base




Choose a workspace to copy the base to and click on Add base




From here, click on the Account (1️⃣) option and select the Developer hub (2️⃣) option, as shown below.

Or you can go to this link- https://airtable.com/create/tokens






Click on the Create Token button and then follow the steps shown in the video below:





Go back to the builder, click on the + button under Token option. Then give it a Name and paste the Token you copied in the previous step.






Do the Airtable configuration by adding the Base








Please check the Doc for detailed instructions to add Airtable Grid.




Airtable Grid


Airtable Table



The Airtable Table element allows you to integrate Airtable and embed data from Airtable’s API in a table format. This article will cover how you can add and edit the Airtable Table element. Follow all instructions accordingly.

Adding the Airtable Table element



Follow the steps below to add an Airtable Table to your site.

- Click on the + button labeled Add Element or Container within an empty container
- From the Elements section, select Airtable Table element

Refer to the GIF & screenshot below:








Airtable Configuration



To integrate Airtable, follow the instructions and steps given below:

To integrate Airtable, follow the instructions and steps given below:

Expand the Airtable Connection option in the Airtable Job Board editor and click on Clone Airtable Templates.




You will be redirected to a preset Airtable base





Click on Copy base





Choose a workspace to copy the base to and click on Add base





From here, click on the Account (1️⃣) option and select the Developer hub (2️⃣) option, as shown below.

Or you can go to this link- https://airtable.com/create/tokens





Click on the Create Token button and then follow the steps shown in the video below:





Go back to the builder and click on the + button under the Token option. Then, give it a Name and paste the Token you copied in the previous step.




Do the Airtable configuration by adding the Base




Your Airtable Job Board has been connected and configured ⬇️





Please check the Doc for detailed instructions to add Airtable Table.



Airtable Table

Updated on: 14/05/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!