What do you want to automate
with Webflow and Cloudflare R2?
Prompt, edit and deploy AI agents that connect to Webflow, Cloudflare R2 and 2,500+ other apps in seconds.
Trusted by 1,000,000+ developers from startups to Fortune 500 companies
Popular Webflow and Cloudflare R2 Triggers#
Emit new event when a form is submitted. See the documentation
Emit new event when a collection item is created. See the documentation
Emit new event when a collection item is deleted. See the documentation
Emit new event when a collection item is changed. See the documentation
Emit new event when an e-commerce inventory level changes. See the documentation
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:
- Directly within the workflow builder, from a trigger or an action step. Search for the Webflow app, and connect your account.
- From the Pipedream Accounts page: Go to Accounts > Connect an app > Search for "Webflow".
- 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#
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 Cloudflare R2#
The Cloudflare R2 API lets you interact with Cloudflare's object storage service, providing a cost-effective way to store large amounts of data with no egress fees. On Pipedream, you can harness this API to build automated workflows that can store, retrieve, and manage data within your R2 buckets. By combining Cloudflare R2 with Pipedream’s capabilities, you can create serverless workflows that trigger on various events, process data in-flight, and integrate with over 800+ apps available on the platform.
Connect Cloudflare R2#
import { S3 } from "@aws-sdk/client-s3";
import { ListBucketsCommand } from "@aws-sdk/client-s3";
export default defineComponent({
props: {
cloudflare_r2: {
type: "app",
app: "cloudflare_r2",
}
},
async run({ steps, $ }) {
const cloudflare_r2 = {
account_id: this.cloudflare_r2.$auth.account_id
};
const s3Client = new S3({
forcePathStyle: false,
endpoint: `https://${cloudflare_r2.account_id}.r2.cloudflarestorage.com`,
region: "auto",
credentials: {
accessKeyId: this.cloudflare_r2.$auth.access_key_id,
secretAccessKey: this.cloudflare_r2.$auth.access_key_secret
}
});
const data = await s3Client.send(new ListBucketsCommand({}));
return data.Buckets;
}
}
)
Trusted by 1,000,000+ developers from startups to Fortune 500 companies