← All blog posts

Recreating my Webflow Zaps in Airtable Automations

Did you know that even though Airtable Automations doesn't have that many native integrations you can still integrate it with any app that has an API? To prove my point, I recreated some of my Airtable to Webflow zaps in Airtable Automations.

June 17, 2022

Links:

https://www.codemeetsnocode.com

Use the code


//Define input variables
let record = input.config();
console.log(record);

//CREATE A LIVE ITEM (Adjust fields to work for you)
let webflowAPIcall = await fetch (`https://api.webflow.com/collections/[Collection ID]/items?live=true`,
{
    method: 'POST',
    body: JSON.stringify({
        fields: {
            "name": record.name,
            "airtable-id":record.airtableId,
            "hero-title":record.heroTitle,
            "hero-description":record.heroDescription,
            "_archived":false,
            "_draft":false
        }
    }),
    headers:{
        'Content-Type':'application/json',
        'Authorization':'Bearer [API KEY]',
        'accept-version':'1.0.0'
    }
});

console.log(webflowAPIcall);

let response = await webflowAPIcall.json();
console.log (response);

//Define output set
output.set ('Webflow Item ID', response["_id"]),
output.set ('Slug', response.slug),
output.set ('Status', webflowAPIcall.status)
output.set ('Value', webflowAPIcall.statusText)
Copy

Dive Deeper with Webflow CMS scripting series

Learn how to create, update and delete Webflow CMS items individually or in bulk using Airtable Scripts.

Learn more →
Subscribe to the newsletter!

Get notified when I publish my next video or blog

😘 Got it!
Oops! Something went wrong while submitting the form.
Relume's Class Sync: A Game-Changer for Webflow Designers

Relume's Class Sync: A Game-Changer for Webflow Designers

Relume has launched a chrome extension called Class Sync which aims to streamline the use of component libraries in Webflow projects. The Class Sync feature automatically applies styles to copied components to avoid issues with duplicate classes and lost styles.

How to use Whalesync for two-way syncing between Airtable and Webflow

How to use Whalesync for two-way syncing between Airtable and Webflow

I checked out Whalesync, a tool for two-way syncing between tools like Airtable, Webflow, Bubble, Noton and more, to see how useful two-syncing is.

Memberstack 2.0 - Is it worth switching?

Memberstack 2.0 - Is it worth switching?

Memberstack 2.0 is officially launched - I had a play with it to figure out whether or not it is worth switching from 1.0 to 2.0, how easy or hard it is to migrate Memberstack 1.0 sites to 2.0, and if what my thoughts are on alternative options like Webflow Memberships or Wized?

How to build a dynamic testimonial section with the Webflow CMS

How to build a dynamic testimonial section with the Webflow CMS

Learn how to create a dynamic section in the Webflow CMS for product reviews, testimonials, and more. Watch the step-by-step process of designing, building, and automating a brand-new section on my profile page.

How to allow clients to manage your no-code builds with Airtable Interfaces

How to allow clients to manage your no-code builds with Airtable Interfaces

I help a lot of people set up bases for their marketplaces or sometimes even for clients, and a question that keeps coming up is how can you allow your clients to safely manage their Airtable base without overwhelming them with the complex setup?

How to instantly trigger Airtable workflows in make.com using webhooks

How to instantly trigger Airtable workflows in make.com using webhooks

If you want to run a make.com workflow that triggers when something happens in Airtable, you typically have to wait for 5 - 15 minutes depending on how you set your schedule - unless you use a webhook fired from inside Airtable Automations.