← 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.
Introducing Relume Ipsum: Revolutionize Your Web Design Process with AI-Generated Copy

Introducing Relume Ipsum: Revolutionize Your Web Design Process with AI-Generated Copy

Ready to take your web design game to the next level? Discover how Relume Ipsum's AI-powered plugin can revolutionize your content creation process. Read our blog post now!

Webflow SEO Hack: Convert Your CMS Images to WebP

Webflow SEO Hack: Convert Your CMS Images to WebP

In August, Webflow added an internal compression tool that allows you to convert images to the webP filetype for improved web performance. While this feature is available for static images, it is not yet available for CMS images. Luckily, a solution to this problem is converting your CMS images to WebP.

How to Fix Common Webflow Performance Issues with Lighthouse

How to Fix Common Webflow Performance Issues with Lighthouse

Are you experiencing performance issues on your Webflow site? Lighthouse can help you identify and fix common problems such as slow loading times, poor server response, and lack of caching. Learn how to use Lighthouse to improve your Webflow site's performance and enhance the user experience.

Building a Cover Letter Generation App with Wized, GPT-3, and Webflow

Building a Cover Letter Generation App with Wized, GPT-3, and Webflow

I'll show you how I used the power of GPT-3 by OpenAI, @Wized and Webflow to create an app that generates custom cover letters for job listings. If you are looking for GPT-3 business ideas, feel free to use the same process to set up your own site.

Optimizing Webflow Designs Using Line Clamping

Optimizing Webflow Designs Using Line Clamping

Using line clamps in Webflow allows for the creation of visually appealing layouts by limiting the number of lines of text displayed within an element.

Advanced Webflow Search & Filtering w/ Data Fetcher & Finsweet Attributes

Advanced Webflow Search & Filtering w/ Data Fetcher & Finsweet Attributes

In this post, we'll be walking through the process of using Finsweet Sort and Filter to implement search and basic filtering functionality for our book collection. We'll also be using Data Fetcher to import Google Analytics page views and incorporate them into our Webflow site, allowing us to sort our books by popularity.