Integrate the Webflow API with the Shopify API

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

Start for free — no credit card required

Watch a demo

Trusted by 1,000,000+ developers from startups to Fortune 500 companies

Popular Ways to Connect Webflow with Shopify#

Add Products to Custom Collections with Shopify API on New Form Submission from Webflow API

Webflow + Shopify

Try it

Add Tags with Shopify API on New Form Submission from Webflow API

Webflow + Shopify

Try it

Create Article with Shopify API on New Form Submission from Webflow API

Webflow + Shopify

Try it

Create Blog with Shopify Developer App API on New Form Submission from Webflow API

Webflow + Shopify

Try it

Create Custom Collection with Shopify Developer App API on New Form Submission from Webflow API

Webflow + Shopify

Try it

Popular Webflow and Shopify Triggers#

New Form Submission from the Webflow API

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

Try it

New Collection Item Created from the Webflow API

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

Try it

Collection Item Deleted from the Webflow API

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

Try it

Collection Item Updated from the Webflow API

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

Try it

E-commerce Inventory Updated from the Webflow API

Emit new event when an e-commerce inventory level changes. See the documentation

Try it

Popular Webflow and Shopify Actions#

Add Products to Custom Collections with the Shopify API

Adds a product or products to a custom collection or collections. See the docs

Try it

Add Tags with the Shopify API

Add tags. See the documentation

Try it

Create Article with the Shopify API

Create a new blog article. See The Documentation

Try it

Create Blog with the Shopify API

Create a new blog. See The Documentation

Try it

Create Collection Item with the Webflow API

Create new collection item. See the documentation

Try it

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.

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/user`,
      headers: {
        Authorization: `Bearer ${this.webflow.$auth.oauth_access_token}`,
        "accept-version": `1.0.0`,
      },
    })
  },
})

Overview of Shopify#

The Shopify Admin REST & GraphQL API unleashes a myriad of possibilities to automate and enhance online store operations. It provides programmatic access to Shopify functionalities, allowing users to manage products, customers, orders, and more. Leveraging the Shopify Admin API within Pipedream, developers can create custom workflows that automate repetitive tasks, sync data across platforms, and respond dynamically to events in Shopify.

This integration can be used as a custom app on your store, or for automating actions on behalf of merchants through your Shopify app.

Looking for integrating into the Shopify Partner API for your apps, themes or referrals? Check out our Shopify Partner API integration.

Connect Shopify#

import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    shopify_developer_app: {
      type: "app",
      app: "shopify_developer_app",
    }
  },
  async run({steps, $}) {
    const data = {
      "query": `{  
        shop { 
          id 
          name
          email 
        } 
      }`,
    }
    return await axios($, {
      method: "post",
      url: `https://${this.shopify_developer_app.$auth.shop_id}.myshopify.com/admin/api/2024-04/graphql.json`,
      headers: {
        "X-Shopify-Access-Token": `${this.shopify_developer_app.$auth.access_token}`,
        "Content-Type": `application/json`,
      },
      data,
    })
  },
})

Start for free — no credit card required

Watch a demo