How to Build a Custom Airtable Integration | Wix Code Tutorial
The Wix Wiz The Wix Wiz
5.28K subscribers
468 views
0

 Published On Mar 11, 2024

#wix #wixwebsite #wixtutorial #website #webdesign #webdev

Timeline:
00:00 Introduction to integrating Airtable with Wix.
01:13 Setting up Airtable and accessing developer documentation.
02:20 Creating a personal access token and navigating through Airtable settings.
03:29 Exploring Airtable API documentation and selecting endpoints for interaction.
04:50 Configuring API token scopes and access permissions.
05:49 Storing the API token securely in the secrets manager.
06:58 Setting up backend files and creating a new blank page on the Wix website.
07:11 Writing backend functions to make calls to the Airtable API.
08:07 Importing necessary modules and setting up function to retrieve data from Airtable.
09:16 Retrieving the Airtable endpoint and configuring request options.
10:51 Setting up base ID and table ID for Airtable integration.
11:48 Explaining how to find base ID and table ID in Airtable URL.
12:46 Hardcoding base ID and table ID in the backend code.
14:18 Fetching data from Airtable using configured options.
15:21 Exporting backend function for access from the frontend.
16:29 Discussion on the transition from old JSW files to new web.js files in Wix.
17:37 Creating a JSW file for testing backend functions.
18:43 Testing backend function for retrieving data from Airtable.
19:53 Exploring additional features and query parameters in the Airtable API.
21:56 Demonstrating how to add query parameters to the endpoint for customizing API requests.
22:30 Exploring advanced features like filtering and sorting data in Airtable API.
23:48 Demonstrating how to filter records based on specific criteria using query parameters.
25:12 Sorting retrieved data from Airtable based on specified fields and order.
26:45 Discussing pagination and limiting the number of records returned in API responses.
28:09 Explaining how to handle pagination for large datasets efficiently.
30:02 Implementing pagination logic in backend functions for seamless data retrieval.
32:15 Testing pagination functionality and ensuring smooth data retrieval from Airtable.
34:27 Debugging potential issues with pagination and refining the backend code accordingly.
35:45 Configuring the POST API endpoint and request body for adding new records to Airtable.
38:02 Summarizing the key steps involved in integrating Airtable with Wix.
Here's the timestamp for connecting the form on the frontend:
41:28 Setting up event listener for form submission and handling form data to interact with the backend function for adding new records to Airtable.

New to Velo? Try my new Velo for Beginners course now on Udemy!
https://www.udemy.com/course/velo-for...

Have an idea for a video? suggest it here:
https://www.thewixwiz.com/youtube

Have questions? Join the discussion:
https://www.thewixwiz.com/forum

Want to have joint coding session? Book one now:
https://www.thewixwiz.com/book-online

Have questions? Need some magic done on your website ASAP?
https://www.thewixwiz.com/contact-us

Follow along on Twitter @thewixwiz
Facebook page:   / thewixwiz  
Facebook community:   / thewixwiz  

show more

Share/Embed