Webflow

Webflow is the leading visual development platform for building powerful websites without writing code.

Integrate the Webflow API with the OpenAI (ChatGPT) API

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

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 Image with OpenAI (ChatGPT) API on New Form Submission from Webflow API
Webflow + OpenAI (ChatGPT)
 
Try it
Chat with OpenAI (ChatGPT) API on New Changed Collection Item from Webflow API
Webflow + OpenAI (ChatGPT)
 
Try it
Chat with OpenAI (ChatGPT) API on New Changed E-commerce Inventory from Webflow API
Webflow + OpenAI (ChatGPT)
 
Try it
Chat with OpenAI (ChatGPT) API on New Changed E-commerce Order from Webflow API
Webflow + OpenAI (ChatGPT)
 
Try it
Chat with OpenAI (ChatGPT) API on New Collection Item from Webflow API
Webflow + OpenAI (ChatGPT)
 
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
E-commerce Inventory Updated from the Webflow API

Emit new event when an e-commerce inventory level changes. See the documentation

 
Try it
Chat with the OpenAI (ChatGPT) API

The Chat API, using the gpt-3.5-turbo or gpt-4 model. See the documentation

 
Try it
Summarize Text with the OpenAI (ChatGPT) API

Summarizes text using the Chat API. See the documentation

 
Try it
Classify Items into Categories with the OpenAI (ChatGPT) API

Classify items into specific categories using the Chat API. See the documentation

 
Try it
Translate Text (Whisper) with the OpenAI (ChatGPT) API

Translate text from one language to another using the Chat API. See the documentation

 
Try it
Create Collection Item with the Webflow API

Create new collection item. See the documentation

 
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.

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 OpenAI (ChatGPT)

OpenAI provides a suite of powerful AI models through its API, enabling developers to integrate advanced natural language processing and generative capabilities into their applications. Here’s an overview of the services offered by OpenAI's API:

Use Python or Node.js code to make fully authenticated API requests with your OpenAI account:

Connect OpenAI (ChatGPT)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    openai: {
      type: "app",
      app: "openai",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://api.openai.com/v1/models`,
      headers: {
        Authorization: `Bearer ${this.openai.$auth.api_key}`,
      },
    })
  },
})

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