What do you want to automate

with Cal.com and Webflow?

Prompt, edit and deploy AI agents that connect to Cal.com, Webflow 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 Booking with Cal.com API on New Form Submission from Webflow API
Webflow + Cal.com
 
Try it
Delete Booking with Cal.com API on New Form Submission from Webflow API
Webflow + Cal.com
 
Try it
Get Booking with Cal.com API on New Form Submission from Webflow API
Webflow + Cal.com
 
Try it
Create Booking with Cal.com API on New Collection Item from Webflow API
Webflow + Cal.com
 
Try it
Delete Booking with Cal.com API on New Collection Item from Webflow API
Webflow + Cal.com
 
Try it
Booking Cancelled from the Cal.com API

Emit new event when a booking is cancelled.

 
Try it
New Form Submission from the Webflow API

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

 
Try it
Booking Ended from the Cal.com API

Emit new event when a booking ends.

 
Try it
New Collection Item Created from the Webflow API

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

 
Try it
Booking Rescheduled from the Cal.com API

Emit new event when a booking is rescheduled.

 
Try it
Create Booking with the Cal.com API

Create a new booking. See the documentation

 
Try it
Delete Booking with the Cal.com API

Delete an existing booking by its ID. See the documentation

 
Try it
Create Collection Item with the Webflow API

Create new collection item. See the documentation

 
Try it
Get Booking with the Cal.com API

Retrieve a booking by its ID. See the documentation

 
Try it
Delete Collection Item with the Webflow API

Delete Item of a Collection. See the documentation

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

Overview of Cal.com

The Cal.com API on Pipedream lets you seamlessly integrate your scheduling infrastructure with other services to automate appointment setting, calendar syncing, and notifications. Using Pipedream, you can craft workflows that trigger on new event bookings, cancellations, or reschedules, and connect these events to countless apps to streamline business processes, enhance customer engagement, and maintain organized schedules.

Connect Cal.com

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: {
    cal_com: {
      type: "app",
      app: "cal_com",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://${this.cal_com.$auth.domain}/v1/hooks`,
      params: {
        apiKey: `${this.cal_com.$auth.api_key}`,
      },
    })
  },
})

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`,
      },
    })
  },
})

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