Integrate the Webflow API with the Notion API

Setup the Webflow API trigger to run a workflow which integrates with the Notion API. Pipedream's integration platform allows you to integrate Webflow and Notion remarkably fast. Free for developers.

Popular Ways to Connect Webflow with Notion#

Append Block to Parent with Notion API on New Form Submission (Instant) from Webflow API

Webflow + Notion

Try it

Create a Page with Notion API on New Form Submission (Instant) from Webflow API

Webflow + Notion

Try it

Create Page from Database with Notion API on New Form Submission from Webflow API

Webflow + Notion

Try it

Duplicate Page with Notion API on New Form Submission from Webflow API

Webflow + Notion

Try it

Find a Page with Notion API on New Form Submission (Instant) from Webflow API

Webflow + Notion

Try it

Popular Webflow and Notion Triggers#

New Form Submission from the Webflow API

Emit new event when a new form is submitted. See the docs here

Try it

New Collection Item from the Webflow API

Emit new event when a collection item is created. See the docs here

Try it

New Database from the Notion API

Emit new event when a database is created. Note: Databases must be shared with your Pipedream Integtration to trigger event.

Try it

New Page in Database from the Notion API

Emit new event when a page in a database is created

Try it

Page or Subpage Updated from the Notion API

Emit new event when a page or one of its sub-pages is updated.

Try it

Popular Webflow and Notion Actions#

Append Block to Parent with the Notion API

Creates and appends blocks to the specified parent. See the documentation

Try it

Create Page with the Notion API

Creates a page from a parent page. The only valid property is title. See the documentation

Try it

Create Collection Item with the Webflow API

Create new collection item. See the docs here

Try it

Create Page from Database with the Notion API

Creates a page from a database. See the docs

Try it

Delete Collection Item with the Webflow API

Delete Item of a Collection. See the docs here

Try it

Overview of Webflow#

The Webflow API empowers developers to programmatically interact with their Webflow site, enabling automation, data synchronization, and complex integrations with other apps and services. With Pipedream's serverless platform, you can harness this API to craft custom workflows that react to events, manage content dynamically, or extend the capabilities of your Webflow projects by linking them with a vast array of other applications.

Connect Webflow#

import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    webflow: {
      type: "app",
      app: "webflow",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://api.webflow.com/user`,
      headers: {
        Authorization: `Bearer ${this.webflow.$auth.oauth_access_token}`,
        "accept-version": `1.0.0`,
      },
    })
  },
})

Overview of Notion#

Notion's API allows for the creation, reading, updating, and deleting of pages, databases, and their contents within Notion. Leveraging Pipedream's platform, you can build workflows that connect Notion with a myriad of other services to automate tasks such as content management, task tracking, and data synchronization. With Pipedream's serverless execution, you can trigger these workflows on a schedule, or by external events from other services, without managing any infrastructure.

Connect Notion#

import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    notion: {
      type: "app",
      app: "notion",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://api.notion.com/v1/users/me`,
      headers: {
        Authorization: `Bearer ${this.notion.$auth.oauth_access_token}`,
        "Notion-Version": `2021-08-16`,
      },
    })
  },
})