Airtable to Make.com with Scripting Extension

In today's tutorial, we're diving deep into how you can seamlessly send data from Airtable to Make using the Airtable scripting extension. This guide is perfect for both beginners and those familiar with Airtable but looking to expand their automation capabilities. By the end of this video, you'll have a practical understanding of creating a scripting block in Airtable extensions, triggering actions with a button in your data view, and setting up a webhook in Make to receive data.

Whether you're managing team data or creating a unique project that requires automating data transfer between Airtable and Make, this tutorial has got you covered. We'll walk you through every step, from setting up your scripting block and button to testing the webhook in Make, ensuring your data is sent successfully. Don't forget to grab the script below.

// Define variables for easy updating
const webhookUrlBase = 'PASTE_WEBHOOK_HERE';
const tableName = "TABLE_NAME_HERE"; // Set your table name here

// Access the specified table
let table = base.getTable(tableName);

// Prompt the user to select a post to sync
let record = await input.recordAsync(`Select a record from ${tableName}`, table);

// Check if a record was selected
if (record) {
    // Use the automatically assigned unique record ID from Airtable
    const recordId = record.id;

    // Append the record ID to the webhook URL
    const webhookUrl = `${webhookUrlBase}?recordID=${encodeURIComponent(recordId)}`;

    // Send the record ID to the webhook
    try {
        const response = await fetch(webhookUrl);
        // Check if the request was successful
        if (response.ok) {
            console.log("Data sent successfully.");
        } else {
            // Log an error if the request wasn't successful
            console.error("Failed to send data. Response status:", response.status);
        }
    } catch (error) {
        // Log any errors that occur during the fetch operation
        console.error("Error sending data to webhook:", error);
    }
} else {
    console.log("No record was selected.");
}

Airtable to Make.com with Scripting Extension

More tutorials

Back button in Webflow

Tips for building complex no code workflows

How to send yourself an SMS after a Webflow form submission

Custom styled Google Maps with Webflow CMS items