Create Draft Listing Product with Etsy API on New Webhook Event (Instant) from Supabase API

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

Trigger workflow on

New Webhook Event (Instant) from the Supabase API

Next, do this

Create Draft Listing Product with the Etsy 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 Supabase trigger and Etsy action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the New Webhook Event (Instant) trigger
1. Connect your Supabase account
2. Configure Table
3. Optional- Configure Row Identifier
Configure the Create Draft Listing Product action
1. Connect your Etsy account
2. Configure Quantity
3. Configure Title
4. Configure Description
5. Configure Price
6. Select a Who Made
7. Select a When Made
8. Select a Taxonomy Type
9. Select a Taxonomy ID
10. Configure Is Supply
11. Select a Listing Type
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#

New Webhook Event (Instant) on Supabase

Description:Emit new event for every `insert`, `update`, or `delete` operation in a table. This source requires user configuration using the Supabase website. More information in the README. [Also see documentation here](https://supabase.com/docs/guides/database/webhooks#creating-a-webhook)

Version:0.0.5

Key:supabase-new-webhook-event

View on GitHub

Supabase Overview#

Supabase is a real-time backend-as-a-service that provides developers with a suite of tools to quickly build and scale their applications. It offers database storage, authentication, instant APIs, and real-time subscriptions. With the Supabase API, you can perform CRUD operations on your database, manage users, and listen to database changes in real time. When integrated with Pipedream, you can automate workflows that react to these database events, synchronize data across multiple services, or streamline user management processes.

Trigger Code#

import base from "../common/base.mjs";
import constants from "../../common/constants.mjs";

export default {
  key: "supabase-new-webhook-event",
  name: "New Webhook Event (Instant)",
  description: "Emit new event for every `insert`, `update`, or `delete` operation in a table. This source requires user configuration using the Supabase website. More information in the README. [Also see documentation here](https://supabase.com/docs/guides/database/webhooks#creating-a-webhook)",
  version: "0.0.5",
  type: "source",
  props: {
    ...base.props,
    http: {
      type: "$.interface.http",
    },
  },
  hooks: {
    async deploy() {
      const client = await this.supabase._client();
      const query = client
        .from(this.table)
        .select()
        .range(0, constants.HISTORICAL_EVENT_LIMIT);
      const { data } = await query;
      for (const row of data) {
        this.$emit({
          record: row,
        }, {
          summary: "Historical row in table",
        });
      }
    },
  },
  async run(event) {
    const { body: data } = event;
    let summary = `New ${data.type} event in table`;
    if (data.record?.[this.rowIdentifier]) {
      summary = `${summary}: ${data.record[this.rowIdentifier]}`;
    }
    this.$emit(data, {
      summary,
    });
  },
};

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
Supabase	`supabase`	`app`	This component uses the Supabase app.
Table	`table`	`string`	The name of the table to watch for new rows
Row Identifier	`rowIdentifier`	`string`	The column name to use as the row identifier
N/A	`http`	`$.interface.http`	This component uses `$.interface.http` to generate a unique URL when the component is first instantiated. Each request to the URL will trigger the `run()` method of the component.

Trigger Authentication#

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

Supabase provides a Service Key to get started. You can find the service_role in the API Settings page.

Finding the Supabase subdomain

About Supabase#

Supabase is an open source Firebase alternative.

Action#

Create Draft Listing Product on Etsy

Description:Creates a physical draft listing product in a shop on the Etsy channel. [See the Documentation](https://developers.etsy.com/documentation/reference#operation/createDraftListing)

Version:0.0.3

Key:etsy-create-draft-listing-product

View on GitHub

Etsy Overview#

Etsy is a global e-commerce platform specializing in handmade, vintage, and craft items. It offers a marketplace where artisans can connect directly with buyers. The term 'Etsy' is a trademark of Etsy, Inc. This application uses the Etsy API but is not endorsed or certified by Etsy.

The Etsy API provides a rich interface to interact with the popular e-commerce platform known for its unique, handmade, and vintage items. Using the Etsy API via Pipedream, you can automate various aspects of your Etsy shop, including inventory management, order processing, and customer engagement. It opens up possibilities for streamlining mundane tasks, reacting to shop events in real-time, and syncing data across different platforms, enhancing the efficiency and responsiveness of your online business operations.

Action Code#

import constants from "../../common/constants.mjs";
import app from "../../etsy.app.mjs";

export default {
  key: "etsy-create-draft-listing-product",
  name: "Create Draft Listing Product",
  description: "Creates a physical draft listing product in a shop on the Etsy channel. [See the Documentation](https://developers.etsy.com/documentation/reference#operation/createDraftListing)",
  type: "action",
  version: "0.0.3",
  props: {
    app,
    quantity: {
      type: "integer",
      label: "Quantity",
      description: "The positive non-zero number of products available for purchase in the listing. Note: The listing quantity is the sum of available offering quantities.",
      default: 1,
    },
    title: {
      type: "string",
      label: "Title",
      description: "The listing's title string. When creating or updating a listing, valid title strings contain only letters, numbers, punctuation marks, mathematical symbols, whitespace characters, `™`, `©`, and `®`. (regex: `/[^\\p{L}\\p{Nd}\\p{P}\\p{Sm}\\p{Zs}™©®]/u`) You can only use the `%`, `:`, `&` and `+` characters once each.",
    },
    description: {
      type: "string",
      label: "Description",
      description: "A description string of the product for sale in the listing.",
    },
    price: {
      type: "string",
      label: "Price",
      description: "The positive non-zero price of the product. (Sold product listings are private) Note: The price is the minimum possible price.",
    },
    whoMade: {
      type: "string",
      label: "Who Made",
      description: "An enumerated string indicating who made the product. Helps buyers locate the listing under the Handmade heading. Requires **Is Supply** and **Who Made** properties.",
      options: constants.WHO_MADE_OPTIONS,
    },
    whenMade: {
      type: "string",
      label: "When Made",
      description: "An enumerated string for the era in which the maker made the product in this listing. Helps buyers locate the listing under the Vintage heading. Requires **Is Supply** and **Who Made** properties.",
      options: constants.WHEN_MADE_OPTIONS,
    },
    taxonomyType: {
      propDefinition: [
        app,
        "taxonomyType",
      ],
    },
    taxonomyId: {
      propDefinition: [
        app,
        "taxonomyId",
        ({ taxonomyType }) => ({
          taxonomyType,
        }),
      ],
    },
    isSupply: {
      type: "boolean",
      label: "Is Supply",
      description: "When true, tags the listing as a supply product, else indicates that it's a finished product. Helps buyers locate the listing under the Supplies heading. Requires **Who Made** and **When Made**.",
    },
    listingType: {
      reloadProps: true,
      propDefinition: [
        app,
        "listingType",
      ],
    },
  },
  async additionalProps() {
    const hasPhysicalType = [
      constants.LISTING_TYPE.PHYSICAL,
      constants.LISTING_TYPE.BOTH,
    ].includes(this.listingType);

    if (!hasPhysicalType) {
      return {};
    }

    const { shop_id: shopId } = await this.app.getMe();
    const { results } = await this.app.getShopShippingProfiles({
      shopId,
    });

    return {
      shippingProfileId: {
        type: "string",
        label: "Shipping Profile",
        description: "The numeric ID of the shipping profile associated with the listing. Required when listing type is `physical`.",
        options: results?.map(({
          shipping_profile_id: value,
          title: label,
        }) => ({
          value,
          label,
        })),
      },
    };
  },
  methods: {
    createDraftListing({
      shopId, ... args
    } = {}) {
      return this.app.post({
        path: `/application/shops/${shopId}/listings`,
        ... args,
      });
    },
  },
  async run({ $: step }) {
    const {
      quantity,
      title,
      description,
      price,
      whoMade,
      whenMade,
      taxonomyId,
      isSupply,
      listingType,
      shippingProfileId,
    } = this;

    const { shop_id: shopId } = await this.app.getMe();

    const response = await this.createDraftListing({
      step,
      shopId,
      data: {
        quantity,
        title,
        description,
        price,
        who_made: whoMade,
        when_made: whenMade,
        taxonomy_id: taxonomyId,
        is_supply: isSupply,
        type: listingType,
        shipping_profile_id: shippingProfileId,
      },
    });

    step.export("$summary", `Successfully created draft listing product with ID ${response.listing_id}.`);

    return response;
  },
};

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
Etsy	`app`	`app`	This component uses the Etsy app.
Quantity	`quantity`	`integer`	The positive non-zero number of products available for purchase in the listing. Note: The listing quantity is the sum of available offering quantities.
Title	`title`	`string`	The listing's title string. When creating or updating a listing, valid title strings contain only letters, numbers, punctuation marks, mathematical symbols, whitespace characters, `™`, `©`, and `®`. (regex: `/[^\p{L}\p{Nd}\p{P}\p{Sm}\p{Zs}™©®]/u`) You can only use the `%`, `:`, `&` and `+` characters once each.
Description	`description`	`string`	A description string of the product for sale in the listing.
Price	`price`	`string`	The positive non-zero price of the product. (Sold product listings are private) Note: The price is the minimum possible price.
Who Made	`whoMade`	`string`	Select a value from the drop down menu:`{ "label": "I Did", "value": "i_did" }{ "label": "Collective", "value": "collective" }{ "label": "Someone Else", "value": "someone_else" }`
When Made	`whenMade`	`string`	Select a value from the drop down menu:`{ "label": "Made to Order", "value": "made_to_order" }{ "label": "2020 - 2023", "value": "2020_2023" }{ "label": "2010 - 2019", "value": "2010_2019" }{ "label": "2004 - 2009", "value": "2004_2009" }{ "label": "Before 2004", "value": "before_2004" }{ "label": "2000 - 2003", "value": "2000_2003" }{ "label": "1990s", "value": "1990s" }1980s1970s1960s1950s1940s1930s1920s1910s1900s1800s1700s{ "label": "Before 1700", "value": "before_1700" }`
Taxonomy Type	`taxonomyType`	`string`	Select a value from the drop down menu:`sellerbuyer`
Taxonomy ID	`taxonomyId`	`string`	Select a value from the drop down menu.
Is Supply	`isSupply`	`boolean`	When true, tags the listing as a supply product, else indicates that it's a finished product. Helps buyers locate the listing under the Supplies heading. Requires Who Made and When Made.
Listing Type	`listingType`	`string`	Select a value from the drop down menu:`physicaldownloadboth`

Action Authentication#

Etsy uses OAuth authentication. When you connect your Etsy account, Pipedream will open a popup window where you can sign into Etsy and grant Pipedream permission to connect to your account. Pipedream securely stores and automatically refreshes the OAuth tokens so you can easily authenticate any Etsy API.

Pipedream requests the following authorization scopes when you connect your account:

profile_rprofile_wfeedback_rtransactions_rtransactions_wshops_rshops_wemail_rlistings_dlistings_wlistings_r

About Etsy#

Shop for handmade, vintage, custom, and unique gifts

More Ways to Connect Etsy + Supabase#

Other Popular Integrations#

Delete Row with Supabase API on New Transaction from Etsy API

Etsy + Supabase

Create Draft Listing Product with Etsy API on New Webhook Event (Instant) from Supabase API

Pipedream makes it easy to connect APIs for Etsy, Supabase 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