Create Order with WooCommerce API on Asset Uploaded from Shotstack API

Pipedream makes it easy to connect APIs for WooCommerce, Shotstack and 2,400+ other apps remarkably fast.

Trigger workflow on

Asset Uploaded from the Shotstack API

Next, do this

Create Order with the WooCommerce API

No credit card required

▶

Watch us build a workflow

8 min

Watch now ➜

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

Developers ♥ Pipedream

Getting Started#

This integration creates a workflow with a Shotstack trigger and WooCommerce action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the Asset Uploaded trigger
1. Connect your Shotstack account
2. Configure Polling schedule
Configure the Create Order action
1. Connect your WooCommerce account
2. Optional- Select a Status
3. Select a Customer
4. Select a Payment Method
5. Select one or more Products
Deploy the workflow
Send a test event to validate your setup
Turn on the trigger

Details#

This integration uses pre-built, source-available components from Pipedream's GitHub repo. These components are developed by Pipedream and the community, and verified and maintained by Pipedream.

To contribute an update to an existing component or create a new component, create a PR on GitHub. If you're new to Pipedream component development, you can start with quickstarts for trigger span and action development, and then review the component API reference.

Trigger#

Asset Uploaded on Shotstack

Description:Trigger when a new media asset has been uploaded to the Shotstack API. [See the documentation here](https://shotstack.io/docs/api/?shell#list-sources).

Version:0.0.1

Key:shotstack-asset-uploaded

View on GitHub

Shotstack Overview#

The Shotstack API is a video editing platform that allows you to automate the creation and production of videos. With it, you can edit clips, add transitions, overlays, and backgrounds, and even include music in your videos. Integrating Shotstack with Pipedream can supercharge your workflow by automating the video creation process. You can trigger video edits in response to various events, manage assets, or even kick off rendering jobs based on data from other apps and services.

Trigger Code#

import common from "../common/polling.mjs";

export default {
  ...common,
  key: "shotstack-asset-uploaded",
  name: "Asset Uploaded",
  description: "Trigger when a new media asset has been uploaded to the Shotstack API. [See the documentation here](https://shotstack.io/docs/api/?shell#list-sources).",
  type: "source",
  version: "0.0.1",
  dedupe: "unique",
  methods: {
    ...common.methods,
    getResourceName() {
      return "data";
    },
    getResourceFn() {
      return this.app.listSources;
    },
    getResourceFnArgs() {
      return {};
    },
    resourceIsRelevant(resource) {
      const isRelevant = resource.attributes?.status === "ready";
      if (!isRelevant) {
        console.log(`Skipping asset ${resource.id} because it is not ready`);
        console.log(JSON.stringify(resource, null, 2));
      }
      return isRelevant;
    },
    generateMeta(resource) {
      const { source } = resource.attributes || {};
      const filename = source?.split("/").pop();
      return {
        id: resource.id,
        summary: `New Asset: ${filename}`,
        ts: Date.parse(resource.created),
      };
    },
  },
};

Trigger Configuration#

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI and CLI.

Label	Prop	Type	Description
Shotstack	`app`	`app`	This component uses the Shotstack app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
Polling schedule	`timer`	`$.interface.timer`	How often to poll the API

Trigger Authentication#

Shotstack uses API keys for authentication. When you connect your Shotstack account, Pipedream securely stores the keys so you can easily authenticate to Shotstack APIs in both code and no-code steps.

About Shotstack#

Revolutionizing how video is built. Create, edit and distribute thousands of bespoke, data driven videos in minutes with Shotstack.

Action#

Create Order on WooCommerce

Description:Creates a new order. [See the docs](https://woocommerce.github.io/woocommerce-rest-api-docs/?javascript#create-an-order)

Version:0.0.2

Key:woocommerce-create-order

View on GitHub

WooCommerce Overview#

WooCommerce is a customizable, open-source eCommerce platform built on WordPress. With the WooCommerce API, you can tap into the heart of your eCommerce store to read, create, update, and delete products, orders, and customers. On Pipedream, you can harness this API to automate routine tasks, sync data across platforms, and enhance customer experiences. By connecting WooCommerce to a wide array of apps and services, you can streamline operations, trigger personalized marketing, and analyze your sales data with greater ease.

Action Code#

import woocommerce from "../../woocommerce.app.mjs";

export default {
  key: "woocommerce-create-order",
  name: "Create Order",
  description: "Creates a new order. [See the docs](https://woocommerce.github.io/woocommerce-rest-api-docs/?javascript#create-an-order)",
  version: "0.0.2",
  type: "action",
  props: {
    woocommerce,
    status: {
      propDefinition: [
        woocommerce,
        "orderStatus",
      ],
    },
    customer: {
      propDefinition: [
        woocommerce,
        "customer",
      ],
    },
    paymentMethod: {
      propDefinition: [
        woocommerce,
        "paymentMethod",
      ],
    },
    products: {
      propDefinition: [
        woocommerce,
        "products",
      ],
      reloadProps: true,
    },
  },
  async additionalProps() {
    const props = {};
    if (this.products) {
      for (const product of this.products) {
        props[`quantity${product.value}`] = {
          type: "integer",
          label: `Quantity of ${product.label}`,
          description: `Enter the quantity of ${product.label} for the new order`,
        };
      }
      return props;
    }
  },
  async run({ $ }) {
    const lineItems = this.products.map((product) => ({
      product_id: product.value,
      quantity: this[`quantity${product.value}`],
    }));
    const data = {
      status: this.status,
      customer_id: this.customer,
      payment_method: this.paymentMethod,
      line_items: lineItems,
    };
    const res = await this.woocommerce.createOrder(data);
    $.export("$summary", `Successfully created order ID: ${res.id}`);
    return res;
  },
};

Action Configuration#

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI.

Label	Prop	Type	Description
WooCommerce	`woocommerce`	`app`	This component uses the WooCommerce app.
Status	`status`	`string`	Select a value from the drop down menu:`pendingprocessingon-holdcompletedcancelledrefundedfailedtrash`
Customer	`customer`	`integer`	Select a value from the drop down menu.
Payment Method	`paymentMethod`	`string`	Select a value from the drop down menu.
Products	`products`	`string[]`	Select a value from the drop down menu.

Create Order with WooCommerce API on Asset Uploaded from Shotstack API

Pipedream makes it easy to connect APIs for WooCommerce, Shotstack and 2,400+ other apps remarkably fast.

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

Developers ♥ Pipedream

1-24of2,400+apps by most popular

1
-
24
of
2,400+
apps by most popular