What do you want to automate

with Webflow and Google Ads?

Prompt, edit and deploy AI agents that connect to Webflow, Google Ads 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
Add Contact to Customer List by Email with Google Ads API on New Form Submission from Webflow API
Webflow + Google Ads
 
Try it
Create Customer List with Google Ads API on New Form Submission from Webflow API
Webflow + Google Ads
 
Try it
Create Report with Google Ads API on New Form Submission from Webflow API
Webflow + Google Ads
 
Try it
Send Offline Conversion with Google Ads API on New Form Submission from Webflow API
Webflow + Google Ads
 
Try it
Add Contact to Customer List by Email with Google Ads API on New Collection Item from Webflow API
Webflow + Google Ads
 
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 Campaign Created from the Google Ads API

Emit new event when a new campaign is created. See the documentation

 
Try it
Add Contact to Customer List by Email with the Google Ads API

Adds a contact to a specific customer list in Google Ads. Lists typically update in 6 to 12 hours after operation. See the documentation

 
Try it
Create Customer List with the Google Ads API

Create a new customer list in Google Ads. See the documentation

 
Try it
Create Report with the Google Ads API

Generates a report from your Google Ads data. See the documentation

 
Try it
Create Collection Item with the Webflow API

Create new collection item. See the documentation

 
Try it
Delete Collection Item with the Webflow API

Delete Item of a Collection. See the documentation

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

The Google Ads API lets you programmatically manage your Google Ads data and
campaigns. You can use the API to automate common tasks, such as:

  • Creating and managing campaigns
  • Adding and removing keywords
  • Adjusting bids

You can also use the API to get information about your campaigns, such as:

  • Campaign stats
  • Keyword stats
  • Ad performance

The Google Ads API is a powerful tool that lets you manage your Google Ads data
and campaigns programmatically. With the API, you can automate common tasks,
such as creating and managing campaigns, adding and removing keywords, and
adjusting bids. You can also use the API to get information about your
campaigns, such as campaign stats, keyword stats, and ad performance.

Customizing API requests with the Pipedream proxy

The Pipedream components interact with Google Ads API through Pipedream's proxy service, which handles authentication and developer token requirements.

The components accept a standard Google Ads API request object with the following structure:

const googleAdsReq = {
  method: "get|post|put|delete",  // HTTP method
  url: "/v16/...",                // Google Ads API endpoint path
  headers: {
    "Authorization": `Bearer ${this.googleAds.$auth.oauth_access_token}`
  },
  data: {}                        // Optional request body for POST/PUT requests
}

To make different API calls while using the proxy:

  1. Modify the url path to match your desired Google Ads API endpoint
  2. Update the method to match the required HTTP method
  3. Add any necessary request body data in the data field
  4. Include any required headers (Authorization is automatically included)

Example for a custom query:

const googleAdsReq = {
  method: "post",
  url: "/v16/customers/1234567890/googleAds:search",
  headers: {
    "Authorization": `Bearer ${this.googleAds.$auth.oauth_access_token}`
  },
  data: {
    query: "SELECT campaign.id, campaign.name FROM campaign"
  }
}

The proxy endpoint will remain the same: https://eolid4dq1k0t9hi.m.pipedream.net

Connect Google Ads

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    googleAds: { type: "app", app: "google_ads" }
  },
  async run({ $ }) {
    const googleAdsReq = {
      method: "get",
      url: "/v19/customers:listAccessibleCustomers",
      headers: {
        "Authorization": `Bearer ${this.googleAds.$auth.oauth_access_token}`,
        // "login-customer-id": this.googleAds.$auth.customer_id // optional for this endpoint
      }
    }
    // proxy google ads request
    return await axios($, {
      url: "https://eolid4dq1k0t9hi.m.pipedream.net",
      data: googleAdsReq,
    })
  }
})

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