with Browserless and Webflow?
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
The Browserless API on Pipedream allows you to automate browser actions without the overhead of managing your own browser infrastructure. This service provides a way to run Chrome browser sessions programmatically, making it ideal for web scraping, automated testing, and screenshot capture. Leveraging this on Pipedream, you can create serverless workflows that interact with web pages, extract data, and perform actions as a human would, all in a scalable and efficient manner.
import puppeteer from 'puppeteer-core@14.1.0';
export default defineComponent({
props: {
browserless: {
type: "app",
app: "browserless",
}
},
async run({steps, $}) {
// See the browserless docs for more info:
// https://www.browserless.io/docs/
const browser = await puppeteer.connect({
browserWSEndpoint: `wss://chrome.browserless.io?token=${this.browserless.$auth.api_key}`
})
const page = await browser.newPage()
const url = "https://example.com"
const type = "png"
await page.goto(url)
const screenshot = await page.screenshot()
// export the base64-encoded screenshot for use in future steps,
// along with the image type and filename
$.export("screenshot", Buffer.from(screenshot, 'binary').toString('base64'))
$.export("type", type)
$.export("filename",`${url.replace(/[&\/\\#, +()$~%.'":*?<>{}]/g, '_')}-${+new Date()}.${type}`)
await browser.close()
},
})
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:
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`,
},
})
},
})