What do you want to automate
with Webflow and Puppeteer?
Prompt, edit and deploy AI agents that connect to Webflow, Puppeteer and 2,800+ other apps in seconds.
Trusted by 1,000,000+ developers from startups to Fortune 500 companies
Popular Webflow and Puppeteer 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
Popular Webflow and Puppeteer Actions#
Get the HTML of a webpage using Puppeteer. See the documentation for details.
Get the title of a webpage using Puppeteer. See the documentation
Captures a screenshot of a page using Puppeteer. 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 Puppeteer#
Puppeteer is a Node.js library which provides a high-level API to control Chrome/Chromium over the DevTools Protocol. Puppeteer runs in headless mode on Chromium on Pipedream.
Using Puppeteer you can perform tasks including:
- Capture Screenshots: Convert webpages into images.
- Processing PDFs: parse and scan PDFs.
- Web Scraping: Extract data from websites.
- UI/UX Testing: Verify user interface and experience.
- Integration with Test Frameworks: Combine with testing frameworks.
- Task Automation: Automate web-related tasks like form filling.
- Functional Testing: Automate user interactions to test web application functionality.
- Regression Testing: Ensure new code changes don't introduce bugs.
Connect Puppeteer#
import { puppeteer } from '@pipedream/browsers';
export default defineComponent({
async run({steps, $}) {
const browser = await puppeteer.browser();
// Interact with the web page programmatically
// See Puppeeter's Page documentation for available methods:
// https://pptr.dev/api/puppeteer.page
const page = await browser.newPage();
await page.goto('https://pipedream.com/');
const title = await page.title();
const content = await page.content();
// The browser needs to be closed, otherwise the step will hang
await browser.close();
return { title, content }
},
})Trusted by 1,000,000+ developers from startups to Fortune 500 companies