> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 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:** ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-05-13-at-23_nug95x.gif) ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-6_12aw36e.png) --- ## Airtable Connection To integrate Airtable, follow the instructions and steps given below: 1. Expand the **Airtable Connection** option in the Airtable Job Board editor and click on **Clone Airtable Templates.** ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_xu2ohr.png) 2. You will be redirected to a preset **Airtable** base ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-design-2_1rwlnhj.gif) 3. Click on **Copy base** ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-7_1l6aru3.png) 4. Choose a workspace to copy the base to and click on **Add base** ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-8_1u7ux25.png) 5. 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 ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1j7zk1q.png) 6. Click on the **Create Token** button and then follow the steps shown in the video below: ${youtube}[Airtable Token Generation](VXs0SUCTJfY) 7. 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. ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/add-token-name_1iby8kj.gif) 8. Do the **Airtable configuration** by adding the **Base** ![Airtable Base](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1bb0mqj.png) ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-05-13-at-25_yd3k4z.gif) 9. Your **Airtable Job Board** has been connected and configured ⬇️ ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-12_1uhs592.png) ### Please check the Doc for detailed instructions to add Airtable Job Board [Airtable Job Board](/en/article/airtable-job-board-pf0u67/) --- # 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](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-05-13-at-21_1lgskfl.gif) ![The Airtable Grid Element](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_71224b.png) ![The Airtable Grid element on Builder](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1w140zk.png) --- ## Integrating Airtable To integrate Airtable, follow the instructions and steps given below: 1. 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) ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-05-13-at-14_1nf3k6f.gif) 2. You will be redirected to an Airtable base ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitleddesign2_hi00yj.gif) 3. Click on **Copy base** ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-1_14i84ks.png) 4. Choose a workspace to copy the base to and click on **Add base** ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-2_c8hv6t.png) 5. 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 ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_16qmvwv.png) 6. Click on the **Create Token** button and then follow the steps shown in the video below: ${youtube}[Airtable Token Generation](VXs0SUCTJfY) 7. 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. ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-05-13-at-15_5a9e3b.gif) 8. Do the **Airtable configuration** by adding the **Base** ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_5orrma.png) ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-05-13-at-20_18i65v2.gif) ## Please check the Doc for detailed instructions to add Airtable Grid. [Airtable Grid](/en/article/airtable-grid-1tyhp7m/) --- # 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:** ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/airtable-table_iytwou.gif) ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_xltw9d.png) --- ## Airtable Configuration To integrate Airtable, follow the instructions and steps given below: To integrate Airtable, follow the instructions and steps given below: 1. Expand the Airtable Connection option in the Airtable Job Board editor and click on **Clone Airtable Templates.** ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_rgelkn.png) 2. You will be redirected to a preset Airtable base ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image-4_9uj7wa.gif) 3. Click on **Copy base** ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image-2_y171z4.png) 4. Choose a **workspace** to copy the base to and click on **Add base** ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image-3_12aguva.png) 5. 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 ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_hotb7b.png) 6. Click on the **Create Token** button and then follow the steps shown in the video below: ${youtube}[Airtable Token Generation](VXs0SUCTJfY) 7. 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. ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/add-token-name_129bj0k.gif) 8. Do the **Airtable configuration** by adding the **Base** ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-05-13-at-40_jx3vf9.gif) 9. Your Airtable Job Board has been connected and configured ⬇️ ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image-6_8nzp5f.png) ## Please check the Doc for detailed instructions to add Airtable Table. [Airtable Table](/en/article/airtable-table-1pydcub/)