Integrate the Webflow API with the Supabase API

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

Popular Ways to Connect Webflow with Supabase#

Delete Row with Supabase API on New Form Submission from Webflow API

Webflow + Supabase

Try it

Insert Row with Supabase API on New Form Submission from Webflow API

Webflow + Supabase

Try it

Remote Procedure Call with Supabase API on New Form Submission from Webflow API

Webflow + Supabase

Try it

Select Row with Supabase API on New Form Submission from Webflow API

Webflow + Supabase

Try it

Update Row with Supabase API on New Form Submission from Webflow API

Webflow + Supabase

Try it

Popular Webflow and Supabase 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 Row Added from the Supabase API

Emit new event for every new row added in a table. See documentation here

Try it

New Webhook Event (Instant) from the Supabase API

Emit new event for every insert, update, or delete operation in a table. This source requires user configuration using the Supabase website. More information in the README. Also see documentation here

Try it

New Changed Collection Item from the Webflow API

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

Try it

Popular Webflow and Supabase Actions#

Delete Row with the Supabase API

Deletes row(s) in a database. See the docs here

Try it

Insert Row with the Supabase API

Inserts a new row into a database. See the docs here

Try it

Create Collection Item with the Webflow API

Create new collection item. See the docs here

Try it

Delete Collection Item with the Webflow API

Delete Item of a Collection. See the docs here

Try it

Fulfill Order with the Webflow API

Fulfill an order. 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 Supabase#

Supabase is a real-time backend-as-a-service that provides developers with a suite of tools to quickly build and scale their applications. It offers database storage, authentication, instant APIs, and real-time subscriptions. With the Supabase API, you can perform CRUD operations on your database, manage users, and listen to database changes in real time. When integrated with Pipedream, you can automate workflows that react to these database events, synchronize data across multiple services, or streamline user management processes.

Connect Supabase#

import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    supabase: {
      type: "app",
      app: "supabase",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://${this.supabase.$auth.subdomain}.supabase.co/rest/v1/`,
      headers: {
        Authorization: `Bearer ${this.supabase.$auth.service_key}`,
        "apikey": `${this.supabase.$auth.service_key}`,
      },
    })
  },
})