HomeBlogWhat is Shopify marketplace kit and how to use it?

What is Shopify Marketplace Kit and How to Use It?

What Is Shopify Marketplace Kit and How to Use It.webp

Like most entrepreneurs, you want to save time and work smarter, not harder. The great way is to look for shortcuts, hacks, and other ways to streamline the process of running your business. You should also build and integrate software that will help you get more done in less time while saving you money.

One way to achieve it is the Shopify Marketplace Kit. It offers a variety of tools and services to help increase your sales and make your products more competitive in the marketplace. This review will show what the Shopify Marketplace Kit is, how it works, and its key advantages and features.

What is Shopify Marketplace Kit and how does it work?

Shopify Marketplace Kit is the tool that lets you add Shopify commerce features to any platform. Simply put, it’s like adding Shopify, a marketplace surpassing $54 billion in GMV by the end of 2021, as an additional channel for sales. With this add-on, you gain an opportunity to sell more of your products and products from other designers on your online store.

To work, Shopify Marketplace Kit applies Storefront API and the set of APIs, webhooks, and UI components. With this tech stack, the tool lets buyers complete all the basic actions on your marketplace, including viewing your product, adding them to a cart, and checking out.

Another essential component of the Shopify Marketplace Kit is the channel app. It lets merchants attract new visitors from outside the platform and makes added products visible on the marketplace. When all the merchants you cooperate with use the channel app, you get a marketplace as it is.

Benefits of using Shopify marketplace app

A multi-vendor marketplace is a great way for new sellers to get started. With a simple, template-based system, they get a quick and effective tool to create their store pages and display as many products as they want.

The marketplace is also one of Shopify's fastest-growing sections, with 1.75 million merchants selling on the platform and 1.59 million live websites using Shopify. Many brands have started learning how to create a marketplace on Shopify, as its variety of tools and options lets them adjust the platform to their needs. For instance, you can use a range of categories that make it easier for sellers to find their perfect match.

Also, the marketplace could be just what you need if you're looking for exposure outside your typical target audience. Shopify held one-fifth of all e-commerce websites in 2020, and using this platform will help your business reach more people. All you need is to post your product in the relevant category, and potential customers will find you there.

By the way, that’s why in our e-commerce tips, we recommend listing the relevant information about your product (like size, color, price) and entering other helpful details for buyers (like if it's custom-made or if there's a waiting list).

Shopify Marketplace Kit features

Since the marketplace is a system where admin and buyer parts are two different components linked to the sole platform, Shopify Marketplace Kit has different features in the Shopify Marketplace Admin app and Shopify Marketplaces Buyer app. These differences include product listings, API Storefronts, checkout, Channels UI library, experience principles, content guidelines, and more. We’ll uncover what’s inside these two apps.

Shopify Marketplace Admin App

The app eliminates the need to create any external merchant-facing tools on Shopify. With the Shopify Marketplace app, admins get an easy-to-start point that includes all the basic steps, including:

  1. Authentication: A straightforward way for you and your team to authenticate your account.
  2. Routing: A feature that lets you get access to items on sale within a click.
  3. Channels UI integration: A React component library that creates the user experience.
  4. Key APIs: All the relevant integrations to quickly start working with an app.

Among the key technologies applied, the Shopify Marketplace admin app is built with Yarn, Node, React, GraphQL, and Storefront API.

Shopify Marketplaces Buyer App

From the buyers’ side, the Shopify Marketplace app manages the problem of integrating the backend and the frontend of the marketplace and providing partners with an easy-to-use template. The list of technologies includes several categories:

  1. Frontend: NextJS, a ReactJs framework
  2. CSS library: MUI - Material UI
  3. Data fetching: GraphQL
  4. API: Storefront API.

Among other things, it determines how the products will look and how buyers will be guided to make a sale. With Shopify, you as a seller can display your products in your special way, using different media tools and adding specific details. In their turn, customers will be able to find your products by searching through categories and in-built filters. In this regard, shop discovery options include search, order, and filtering.

Product listings

A product listing provides a buyer with information on the catalog of available products and the main details about each. Also, this marketplace element offers a clear path to proceed to purchase.

With Shopify Marketplace Kit, you can create individual and aggregated listings and customize them according to your business needs. For instance, if you are renting clothing items, instead of a detailed description and location of your physical store, you can leave a bot address that will approve the availability of items chosen.

Checkout

Once the order has been formed, customers should see the new page, which includes a list of their recent orders and the payment options to purchase them. This move requires establishing several processes and applying different technologies, and Shopify Marketplace Kit fixes this task.

The app will show marketplace-level carts that collect chosen items from different vendors. This feature works even for non-e-commerce platforms designed to browse content. In any case, the app makes the checkout process as seamless as possible.

How to get started with the multivendor Marketplace Shopify Kit

By offering an easy-to-use marketplace kit, Shopify lets anyone start selling, add different products to the website, and provide a simple and customer-centric shopping experience. In this section, we’ll offer an implementation tutorial for you to launch the kit.

Get ready

Here is the list of items you need before starting the process:

  1. Shopify CLI 2.x installed
  2. Sequelize CLI installed
  3. Up-to-date Node.js and npm
  4. A Partner account
  5. A development store
  6. An app that fits Shopify and turned into a sales channel.

Implementation tutorial

According to the Shopify tutorial, you need to complete six steps to install Shopify Marketplace Kit:

  1. Clone the app repository with the code for the buyer app.
  2. Add the required scopes to a .env file.
  3. Install packages at the project root.
  4. Connect and set up your database using Sequelize.
  5. Run the app using Shopify CLI (you’ll need a Partner account for this).
  6. Review the code structure (it will contain the folders and files with titles “app/”, “server/index.js.”, “server/custom-session-storage.js”, “server/handlers/”, “server/helpers.js” and “webpacl.config.js”).

As you can see, installing the marketplace kit requires specific coding knowledge, even though the installation process itself is not complicated. The Shopify platform recommends checking several guidelines before getting started, including:

  1. How to create a Partner account.
  2. Ho