What do you want to automate
with Shopify (OAuth) and Webflow?
Prompt, edit and deploy AI agents that connect to Shopify (OAuth), Webflow and 2,500+ other apps in seconds.
Trusted by 1,000,000+ developers from startups to Fortune 500 companies
Popular Ways to Connect Shopify (OAuth) with Webflow#
Popular Shopify (OAuth) and Webflow 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 whenever a collection is updated, including whenever products are added or removed from a collection.
Emit new event when a collection item is changed. See the documentation
Popular Shopify (OAuth) and Webflow Actions#
Adds a product or products to a custom collection. See the documentation
Execute bulk mutations by uploading a JSONL file containing mutation variables. See the documentation
Overview of Shopify (OAuth)#
Shopify provides a powerful API that enables developers to build a wide range
of applications and tools for merchants. Some examples of what you can build
using the Shopify API include:
- Merchant tools: tools that help merchants manage their stores, such as order
management, product administration, and reporting - E-commerce applications: applications that enable merchants to sell their
products online, such as shopping carts, product catalogs, and order
management - Integration tools: tools that helps integrate Shopify with other systems,
such as accounting, inventory, and shipping
Connect Shopify (OAuth)#
import { axios } from "@pipedream/platform"
export default defineComponent({
props: {
shopify: {
type: "app",
app: "shopify",
}
},
async run({steps, $}) {
const data = {
"query": `{
shop {
id
name
email
}
}`,
}
return await axios($, {
method: "post",
url: `https://${this.shopify.$auth.shop_id}.myshopify.com/admin/api/2024-04/graphql.json`,
headers: {
"X-Shopify-Access-Token": `${this.shopify.$auth.oauth_access_token}`,
"Content-Type": `application/json`,
},
data,
})
},
})
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`,
},
})
},
})
Trusted by 1,000,000+ developers from startups to Fortune 500 companies