What do you want to automate

with Webflow and Google Dialogflow?

Prompt, edit and deploy AI agents that connect to Webflow, Google Dialogflow 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 Context with Google Dialogflow API on New Form Submission from Webflow API
Webflow + Google Dialogflow
 
Try it
Create Entities with Google Dialogflow API on New Form Submission from Webflow API
Webflow + Google Dialogflow
 
Try it
Create Entity Type with Google Dialogflow API on New Form Submission from Webflow API
Webflow + Google Dialogflow
 
Try it
Create Intent with Google Dialogflow API on New Form Submission from Webflow API
Webflow + Google Dialogflow
 
Try it
Create or Update Agent with Google Dialogflow API on New Form Submission from Webflow API
Webflow + Google Dialogflow
 
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
Create Context with the Google Dialogflow API

Creates a context, See REST docs and client API

 
Try it
Create Entities with the Google Dialogflow API

Batch create entities, See REST docs and client API docs

 
Try it
Create Entity Type with the Google Dialogflow API

Creates an Entity Type, See REST docs and client API docs

 
Try it
Create Intent with the Google Dialogflow API

Creates an intent, See REST docs and client API

 
Try it
Create Collection Item with the Webflow API

Create new collection item. See the documentation

 
Try it
Integrate the Webflow API with the Google Dialogflow API
Setup the Webflow API trigger to run a workflow which integrates with the Google Dialogflow API. Pipedream's integration platform allows you to integrate Webflow and Google Dialogflow 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 Google Dialogflow

Google Dialogflow API empowers you to create conversational interfaces for websites, apps, and messaging platforms. Think chatbots that can engage in human-like dialogue, provide customer support, guide through sales processes, or control smart home devices with voice commands. With Pipedream's integration capabilities, you can create automated workflows that trigger actions in other apps based on Dialogflow's processed input, enabling seamless interaction across a plethora of services.

Connect Google Dialogflow

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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
module.exports = defineComponent({
  props: {
    google_dialogflow: {
      type: "app",
      app: "google_dialogflow",
    }
  },
  async run({steps, $}) {
    // Example code from the Dialogflow Node.js library:
    // https://github.com/googleapis/nodejs-dialogflow
    const dialogflow = require('dialogflow')
    const uuid = require('uuid')
    
    // A unique identifier for the given session
    const sessionId = uuid.v4()
    
    const key = JSON.parse(this.google_dialogflow.$auth.key_json)
     
    // Creates a session client from a Google service account key.
    const sessionClient = new dialogflow.SessionsClient({
      projectId: key.project_id,
      credentials: {
        client_email: key.client_email,
        private_key: key.private_key,
      }
    })
    const sessionPath = sessionClient.sessionPath(key.project_id, sessionId)
    
    // The text query request.
    const request = {
      session: sessionPath,
      queryInput: {
        text: {
          // The query to send to the dialogflow agent
          text: 'hello',
          // The language used by the client (en-US)
          languageCode: 'en-US',
        },
      },
    }
    
    // Send request and log result
    const responses = await sessionClient.detectIntent(request)
    console.log('Detected intent')
    const result = responses[0].queryResult
    console.log(`Query: ${result.queryText}`)
    console.log(`Response: ${result.fulfillmentText}`)
    if (result.intent) {
      console.log(`Intent: ${result.intent.displayName}`)
    } else {
      console.log(`No intent matched.`)
    }
  },
})

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