Airtable
Webflow
zapier

An automated workflow using zapier

Connects Airtable + Webflow

Add new or updated Airtable records as items in Webflow

About this workflow template

This automation scenario allows you to connect Airtable and Webflow

It can be build using Zapier, a no-code workflow automation tool. Zapier allows you to create automated bots using a simple drag-and-drop interface for non-technical users. This is a ready-made scenario, but it can be customized by adding more apps, actions, filters or branches.

Airtable and Webflow can also be integrated using automation tools other than zapier:

Diagram

Add new or updated Airtable records as items in Webflow
Workflow diagram: Airtable + Webflow integration

How it works?

When this trigger fires in Airtable

Airtable

New or Updated Record in Airtable

Triggers when a record is created or updated.

Then this action happens in Webflow

Webflow

Create Item in Webflow

Adds a new item to a given collection.

How to set up this workflow

This guide contains information on how to set up an automatic workflow that allows to Add new or updated Airtable records as items in Webflow.

Part I

Configure Applications

First, we need to connect Airtable and Webflow to Zapier.

  • Create Zapier account.

    Create Zapier account.

    Create Zapier account if you don't have one.

  • Connect Airtable to Zapier.

    Connect Airtable to Zapier.

    Give Zapier access to your Airtable account, using Airtable credentials.

  • Connect Webflow to Zapier.

    Connect Webflow to Zapier.

    Give Zapier access to your Webflow account, using Webflow credentials.

Part II

Build an integration workflow

Next, we need to create a workflow automation scenario using graphical no-code web interface of Zapier.

  • Set up a Trigger action for Airtable

    Set up a Trigger action for Airtable

    Choose the following trigger: New or Updated Record (Triggers when a record is created or updated.).

  • Then set up an Action for Webflow

    Then set up an Action for Webflow

    Choose this action: Create Item (Adds a new item to a given collection.).

Part III

Test and Publish

Finally, we need to test this automation and publish it.

  • Customize data flow

    Customize data flow

    Configure the data that is exchanged between Airtable and Webflow.

  • Test the workflow and turn it on for production use

    Test the workflow and turn it on for production use

    Test your scenario and publish to production. Now you have an automatic workflow, that will Add new or updated Airtable records as items in Webflow!

Supported triggers and actions

  • Airtable

    New record

    Triggers when a new record is created. Optionally: triggers when any record (new or existing) is first added to a selected view.

    zapierautomateiopabbly-connectalbato
    triggerbyzapierautomateiopabbly-connectalbato
  • Airtable

    New or updated record

    Triggers when a record is created or updated.

    zapier
    triggerbyzapier
  • Airtable

    New record in view

    Triggers when a new new record is created in a specifc view.

    zapierpabbly-connect
    triggerbyzapierpabbly-connect
  • Airtable

    Watch records

    Returns all newly created or updated records in a view (requires "Created Time" or "Last Modified Time" fields).

    integromat
    triggerbyintegromat
  • Airtable

    New record created

    This Trigger fires every time a new record is created in a table. You can optionally configure it to only fire when a record appears in a specific view.

    ifttt
    triggerbyifttt
  • Airtable

    New or modified records

    New or modified records

    pipedream
    triggerbypipedream
  • Webflow

    Create item

    Adds a new item to a given collection.

    zapierintegrately
    actionbyzapierintegrately
  • Webflow

    Create live item

    Adds a new item to a given collection on your published site.

    zapierintegratelypabbly-connect
    actionbyzapierintegratelypabbly-connect
  • Webflow

    Create collection item

    Create collection item

    pipedreamifttt
    actionbypipedreamifttt
  • Webflow

    Fulfill order

    Fulfills an order.

    zapierintegratelypabbly-connectpipedreamiftttalbato
    actionbyzapierintegratelypabbly-connectpipedreamiftttalbato
  • Webflow

    Publish site

    Publish site

    pipedreamifttt
    actionbypipedreamifttt
  • Webflow

    Update live item

    Updates a live item.

    zapierintegratelypabbly-connect
    actionbyzapierintegratelypabbly-connect

Apps you need

Airtable

Airtable

Spreadsheets

A no-code platform for building collaborative apps using spreadsheet-database hybrid as a data-layer

Airtable is a modern and flexible low-code platform that combines the power of a full database with the ease of use of a spreadsheet. With native mobile and desktop apps, Airtable offers a variety of templates for easy-to-use and customizable workflows, providing powerful features such as file attachments, kanban card stacks, calendars, and reporting. Link related content intelligently, configure the perfect view, and integrate with hundreds of your favorite apps and services.

Webflow

Webflow

Website Builders

The no-code platform to build beautifully-designed web sites

Webflow helps to build production-ready web apps with no-code. Although Webflow is a no-codng tool, it provides great level of design customisation, a huge list of templates and ton of how to videos.

Zapier

Zapier

Automation Platforms

No-code automation service

Zapier simplifies busy people's lives by automating web app data transfers, reducing tedious tasks, and allowing teams to collaborate effortlessly. With over 5,000 popular apps connected, it's never been easier to streamline your workflow.