Publish Your Webflow Site from Airtable (Free Script)

Illustration showing the Airtable and Webflow logos in a publish cycle, labelled 'Publish' and 'Script'

How to use Airtable scripting to publish your Webflow site.

5 min read

May 28, 2025

How to publish Webflow from Airtable

Below is a step-by-step guide for how to set this up. If you’re already familiar with Airtable scripting, feel free to skip to “The script” below to copy it.

1) Go to your Airtable base and add an extension

2) Add the “Scripting” extension

3) Copy and paste the script

Scroll to the bottom of this blog post for the full script, then copy and paste it here:

4) Go to your Webflow site settings and get your Site ID

Copy this Site ID to a notepad as we’ll be using it later.

5) Go to “Apps & Integrations” and generate an API token

5) Give the API access to “Read and write” Sites

6) Paste in your API Key, Site ID, and domains into the script

7) Run the script 🎉

The script

// =============================
// 🔧 Configuration Section - Replace these values with your actual Webflow project details
// =============================

// Your Webflow API Key (found in Webflow Project Settings > Integrations > API Access)
const WEBFLOW_API_KEY = 'YOUR_WEBFLOW_API_KEY_HERE';  // Replace this with your real Webflow API Key

// Your Webflow Site ID (found in Webflow Project Settings > General > API Information)
const SITE_ID = 'YOUR_WEBFLOW_SITE_ID_HERE';  // Replace this with your actual Site ID

// Set your Webflow domains here (found in Webflow Project Settings > Hosting)
// Example for a custom domain site:
const DOMAINS = [
    "your-site-name.webflow.io"  // Replace this with your actual domain(s)
];

// =============================
// 🚀 Script Logic - No need to change this part
// =============================

// Webflow Publish URL
const PUBLISH_URL = `https://api.webflow.com/sites/${SITE_ID}/publish`;

// Main function to publish site
async function publishWebflowSite() {
    output.text('🚀 Publishing your Webflow site to Webflow...');

    const response = await remoteFetchAsync(PUBLISH_URL, {
        method: 'POST',
        headers: {
            'Authorization': `Bearer ${WEBFLOW_API_KEY}`,
            'accept-version': '1.0.0',
            'Content-Type': 'application/json'
        },
        body: JSON.stringify({ domains: DOMAINS })
    });

    if (response.ok) {
        output.text('✅ Publish successful!');
    } else {
        const errorText = await response.text();
        output.text(`❌ Publish failed: ${errorText}`);
    }
}

// Call the function
await publishWebflowSite();