What do you want to automate

with Webflow and QStash?

Prompt, edit and deploy AI agents that connect to Webflow, QStash and 2,500+ other apps in seconds.

Trusted by 1,000,000+ developers from startups to Fortune 500 companies

Adyen logo
Appcues logo
Bandwidth logo
Checkr logo
ChartMogul logo
Dataminr logo
Gopuff logo
Gorgias logo
LinkedIn logo
Logitech logo
Replicated logo
Rudderstack logo
SAS logo
Scale AI logo
Webflow logo
Warner Bros. logo
Adyen logo
Appcues logo
Bandwidth logo
Checkr logo
ChartMogul logo
Dataminr logo
Gopuff logo
Gorgias logo
LinkedIn logo
Logitech logo
Replicated logo
Rudderstack logo
SAS logo
Scale AI logo
Webflow logo
Warner Bros. logo
Create Endpoint with QStash API on New Form Submission from Webflow API
Webflow + QStash
 
Try it
Create Topic with QStash API on New Form Submission from Webflow API
Webflow + QStash
 
Try it
List Endpoints with QStash API on New Form Submission from Webflow API
Webflow + QStash
 
Try it
List Topics with QStash API on New Form Submission from Webflow API
Webflow + QStash
 
Try it
Publish Endpoint Message with QStash API on New Form Submission from Webflow API
Webflow + QStash
 
Try it
New Form Submission from the Webflow API

Emit new event when a form is submitted. See the documentation

 
Try it
New Collection Item Created from the Webflow API

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

 
Try it
Collection Item Deleted from the Webflow API

Emit new event when a collection item is deleted. See the documentation

 
Try it
Collection Item Updated from the Webflow API

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

 
Try it
New Topic Webhook from the QStash API

Emit new events on each new QStash topic message

 
Try it
Create Endpoint with the QStash API

Create a new HTTP endpoint on a QStash topic.

 
Try it
Create Topic with the QStash API

Create a new QStash topic that emits to multiple endpoints.

 
Try it
List Endpoints with the QStash API

Lists all your existing QStash endpoints.

 
Try it
List Topics with the QStash API

List all your existing QStash topics.

 
Try it
Create Collection Item with the Webflow API

Create new collection item. See the documentation

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

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.

You can connect your Webflow account in a few different ways:

  1. Directly within the workflow builder, from a trigger or an action step. Search for the Webflow app, and connect your account.
  2. From the Pipedream Accounts page: Go to Accounts > Connect an app > Search for "Webflow".
  3. Run the example Node JS code below by clicking "Connect Webflow and run", and choose a project and create an example workflow to interact with the Webflow API.

Connect Webflow

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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/v2/token/authorized_by`,
      headers: {
        Authorization: `Bearer ${this.webflow.$auth.oauth_access_token}`,
        "accept-version": `1.0.0`,
      },
    })
  },
})

Overview of QStash

QStash API offers a secure, scalable, and simple way to manage message queues and defer tasks. Using this API, you can enqueue messages, schedule tasks to run after a delay, and ensure that tasks are executed exactly once, leveraging the power of serverless architecture. With Pipedream's ability to connect to a multitude of services, you can build complex workflows that trigger actions in other apps based on events in QStash, allowing you to automate cross-application business processes with ease.

Connect QStash

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
import { axios } from '@pipedream/platform';


export default defineComponent({
  props: {
    qstash: {
      type: "app",
      app: "qstash",
    },
    callback_url: {
      type: "string",
      label: "Callback URL",
      description: "A URL that will be called by QStash with the body given",
    },
    delay: {
      type: "integer",
      label: "Delay",
      description: "Delay the HTTP request to the callback URL (seconds)",
      default: 0,
    }
  },
  async run({steps, $}) {
    return axios($, {
      url: `https://qstash.upstash.io/v2/publish/${this.callback_url}`,
      method: 'POST',
      headers: {
        'Authorization': `Bearer ${this.qstash.$auth.qstash_token}`,
        'Upstash-Delay': `${this.delay}s`
      },
      data: {
        hello: 'world'
      }
    });
  }
})

Trusted by 1,000,000+ developers from startups to Fortune 500 companies

Adyen logo
Appcues logo
Bandwidth logo
Checkr logo
ChartMogul logo
Dataminr logo
Gopuff logo
Gorgias logo
LinkedIn logo
Logitech logo
Replicated logo
Rudderstack logo
SAS logo
Scale AI logo
Webflow logo
Warner Bros. logo
Adyen logo
Appcues logo
Bandwidth logo
Checkr logo
ChartMogul logo
Dataminr logo
Gopuff logo
Gorgias logo
LinkedIn logo
Logitech logo
Replicated logo
Rudderstack logo
SAS logo
Scale AI logo
Webflow logo
Warner Bros. logo