← All blog posts

Supercharge Your Webflow Landing Pages: Automatically Updating Webflow CMS Items (Part 2)

Continue your automation journey with Part 2 of our series! In this video, we'll guide you through setting up a workflow that automatically updates Webflow CMS items whenever any of your titles have been created or updated. We'll use Airtable Automations to trigger a make.com workflow that seamlessly updates your Webflow items. Streamline your website-building process and keep your landing pages up-to-date with this powerful workflow.

May 9, 2023

Welcome back to the continuation of our series on supercharging your landing pages! In the previous post, we explored how to leverage OpenAI's GPT-4 language model to automatically create Title Tags, Meta Descriptions, H1 and H2 headings for your landing pages.

Now, we're going to set up a workflow that automatically updates the Webflow CMS item whenever any of our titles have been created or updated. We'll go through the following steps: setting up a trigger in Airtable that monitors changes in select fields, and using an Airtable script to trigger a workflow in make.com, which will handle updating our Webflow CMS items.

Part 1: Defining Our Trigger

The first thing we want to do is define a trigger in Airtable that runs our workflow whenever our record is "updated" in select fields. You can choose any fields to trigger this workflow, but I'm going to focus on fields generated in the previous workflow, such as "SEO Title," "Meta Description," and more.

The next step in our workflow will be to use an Airtable script to trigger a workflow in make.com. Let's take a look at the script we'll be using:


let record = input.config();
let webhook = ''
let urlParams = record.airtableID;
let call = await fetch (`${webhook}?recordID=${urlParams}`);

console.log (call);

You might wonder why we trigger the workflow in Airtable Automations but run it in make.com. The main reason is flexibility—make.com offers a user-friendly interface for managing workflows, especially for those who aren't code-savvy. Additionally, make.com workflows can be reused in multiple triggers, such as Airtable Interfaces and other make.com workflows. Airtable's triggers are also more robust, making it an appealing choice to fire the workflow.

Part 2: Setting Up the make.com Workflow

Let's move on to setting up our make.com workflow. Here are the steps involved:

[Add a Screenshot of the Workflow Here]

  1. Retrieve the Airtable record using the webhook payload.
  2. Update the corresponding Webflow CMS item with the latest information from Airtable.
  3. Confirm the successful completion of the workflow by storing a datestamp in the “Last CMS Update” field in Airtable

You can map any field from Airtable to Webflow, as the workflow will always retrieve the latest information. We'll be expanding on this workflow in a future video by automatically generating open graph images, so stay tuned!

Part 3: Recap

In summary, we've successfully set up a workflow to automatically update Webflow CMS items whenever our titles are created or updated in Airtable. By defining a trigger in Airtable and using a script to fire a workflow in make.com, we've streamlined the process of keeping our landing pages up-to-date.

In the next video, we'll take it a step further by setting up a workflow that automatically generates custom open graph images for each landing page, enhancing your website's social media presence. Join us as we continue to explore ways to optimize your landing pages!

Use the code

Copy

Dive Deeper with the MVMP Marketplace Course

Learn how to build the essential features for your online marketplace. Start creating the most essential features for your no-code marketplace and start scaling your site

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.
🚀 6 Tips for Building Webflow Sites More Efficiently

🚀 6 Tips for Building Webflow Sites More Efficiently

Discover the secrets to enhancing your Webflow design process with these 6 essential tips! In this video, we'll walk you through time-saving techniques, productivity-boosting hacks, and valuable strategies to help you build Webflow sites more efficiently. From style guides to on-page optimization, these expertly-crafted tips will empower you to work smarter, create beautiful and responsive websites faster, and take your Webflow skills to new heights. Don't miss out on unlocking your full Webflow potential – tune in now to elevate your website-building experience!

Supercharge Your Webflow Landing Pages: Creating Custom Open Graph Images with Placid (Part 3)

Supercharge Your Webflow Landing Pages: Creating Custom Open Graph Images with Placid (Part 3)

Join us for the final installment of our series as we explore the creation of custom open graph images for each landing page. In Part 3, we'll use Placid to automatically generate visually appealing open graph images with custom screenshots and text. Enhance your website's social media presence and elevate your landing pages with these custom images. Complete your automation journey and unlock your website's full potential with this innovative workflow.

Supercharge Your Webflow Landing Pages: Automated Title Tags, Meta Descriptions, and More (Part 1)

Supercharge Your Webflow Landing Pages: Automated Title Tags, Meta Descriptions, and More (Part 1)

Discover how to optimize your landing pages with automated workflows! In Part 1, we'll explore how to use OpenAI's GPT-4 language model to automatically generate SEO-optimized Title Tags, Meta Descriptions, H1 and H2 headings for your landing pages. Enhance your website's search engine visibility and boost your SEO efforts with these powerful techniques.

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.