Webflow

Webflow is the leading visual development platform for building powerful websites without writing code.

Integrate the Webflow API with the Shopify Developer App API

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

Add Products to Custom Collections with Shopify Developer App API on New Form Submission from Webflow API
Webflow + Shopify Developer App
 
Try it
Add Tags with Shopify Developer App API on New Form Submission from Webflow API
Webflow + Shopify Developer App
 
Try it
Create Article with Shopify Developer App API on New Form Submission from Webflow API
Webflow + Shopify Developer App
 
Try it
Create Blog with Shopify Developer App API on New Form Submission from Webflow API
Webflow + Shopify Developer App
 
Try it
Create Custom Collection with Shopify Developer App API on New Form Submission from Webflow API
Webflow + Shopify Developer App
 
Try it
New Form Submission from the Webflow API

Emit new event when a new form is submitted. See the docs here

 
Try it
New Collection Item from the Webflow API

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

 
Try it
New Changed Collection Item from the Webflow API

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

 
Try it
New Changed E-commerce Inventory from the Webflow API

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

 
Try it
New Changed E-commerce Order from the Webflow API

Emit new event when an e-commerce order is changed. See the docs here

 
Try it
Add Products to Custom Collections with the Shopify Developer App API

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

 
Try it
Add Tags with the Shopify Developer App API
 
Try it
Create Collection Item with the Webflow API

Create new collection item. See the docs here

 
Try it
Create Article with the Shopify Developer App API

Create a new blog article. See The Documentation

 
Try it
Delete Collection Item with the Webflow API

Delete Item of a Collection. See the docs here

 
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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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 Developer App

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 Developer App

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
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,
    })
  },
})