Notion
Webflow
zapier

An automated workflow using zapier

Connects Notion + Webflow

Update live items in Webflow with new database items in Notion

About this workflow template

This automation scenario allows you to connect Notion 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.

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

Diagram

Update live items in Webflow with new database items in Notion
Workflow diagram: Notion + Webflow integration

How it works?

When this trigger fires in Notion

Notion

New Database Item in Notion

Triggers when a new item is created in a database.

Then this action happens in Webflow

Webflow

Update Live Item in Webflow

Updates a live item.

How to set up this workflow

This guide contains information on how to set up an automatic workflow that allows to Update live items in Webflow with new database items in Notion.

Part I

Configure Applications

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

  • Create Zapier account.

    Create Zapier account.

    Create Zapier account if you don't have one.

  • Connect Notion to Zapier.

    Connect Notion to Zapier.

    Give Zapier access to your Notion account, using Notion 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 Notion

    Set up a Trigger action for Notion

    Choose the following trigger: New Database Item (Triggers when a new item is created in a database.).

  • Then set up an Action for Webflow

    Then set up an Action for Webflow

    Choose this action: Update Live Item (Updates a live item.).

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 Notion 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 Update live items in Webflow with new database items in Notion!

Supported triggers and actions

  • Webflow

    Form submission

    Triggers when a new form submission occurs.

    zapieralbato
    triggerbyzapieralbato
  • Webflow

    New order

    Triggers when a new order is placed.

    zapierautomateioifttt
    triggerbyzapierautomateioifttt
  • Webflow

    New form submission

    Triggers when a new from submission occurs

    pabbly-connectpipedream
    triggerbypabbly-connectpipedream
  • Webflow

    New collection item

    New collection item

    pipedreamifttt
    triggerbypipedreamifttt
  • Webflow

    Changed e-commerce inventory (instant)

    Changed e-commerce inventory (instant)

    pipedream
    triggerbypipedream
  • Webflow

    Changed e-commerce order (instant)

    Changed e-commerce order (instant)

    pipedream
    triggerbypipedream
  • Notion

    Create database item

    Creates an item in a database.

    zapierintegratelypabbly-connect
    actionbyzapierintegratelypabbly-connect
  • Notion

    Create page

    Creates a Page inside a parent page

    zapierpabbly-connectpipedream
    actionbyzapierpabbly-connectpipedream
  • Notion

    Update database item

    Updates a database item.

    zapierautomateiointegratelypabbly-connect
    actionbyzapierautomateiointegratelypabbly-connect
  • Notion

    Add item to a to-do list

    This action will add a to-do item to an existing Notion To-Do List template.

    ifttt
    actionbyifttt
  • Notion

    Create a page

    This action will create a new page.

    iftttintegromat
    actionbyiftttintegromat
  • Notion

    Update page

    Updates a page.

    zapierpipedreampabbly-connect
    actionbyzapierpipedreampabbly-connect

Apps you need

Notion

Notion

Task Management

All-in-one workspace for notes, tasks, wikis, and online databases

The ultimate all-in-one workspace for teams. Bring together notes, tasks, wikis, and projects in one place. Customizable and collaborative for increased productivity.

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.