Commerce Components by Shopify

The new stack for enterprise businesses

Shopify Commerce Components: The new stack for enterprise businesses

Seb Harris

6 minute read12 Jan 2023

Commerce Components by Shopify is the new stack for enterprise-level businesses. It’s a set of pre-designed, customisable components for the world’s largest merchants to quickly build their e-commerce stores on the Shopify platform.

These components include everything from product listings and customer reviews to checkout and payment processing, and are designed to work seamlessly with the Shopify ecosystem.

In this article, we'll delve into everything you need to know about Shopify’s Commerce Components, including how they work, the different types of components available, and how merchants can use them to build and customise their online store.

What are Commerce Components by Shopify?

If you think about the Shopify platform as a whole, in essence it’s a sprawling series of interlocking components that together form the world’s largest and most powerful retail platform. 10% of all U.S e-commerce is powered by Shopify, with a checkout that converts up to 91% better than a typical mobile checkout.

Now, those individual components are open and available for the world’s largest merchants to attach to their e-commerce stores.

At a high level, Commerce Components are modular pieces of code that merchants can use to build and customise their e-commerce store. They can be added to a store’s theme to instantly update specific features of a store’s functionality. 

Everything from product listings to customer reviews, checkout, payment processing, all of these individual features can be taken from Shopify and attached to an e-commerce store to customise specific areas.

Perhaps the most important benefit of Commerce Components by Shopify is the speed at which they’ll allow large retailers to update their store. E-commerce is a rapidly developing space and it’s crucial for businesses to keep up with innovation. But enterprise-level businesses can be difficult to maintain.

Like a huge oil tanker changing direction in the ocean, updates to enterprise level e-commerce stores are notoriously slow. Shopify are seeking to change this with their Commerce Components update. 

Merchants can simply choose the components they want to use, then customise them to match the look and feel of their store with Shopify Liquid.

How do merchants use Commerce Components by Shopify?

The process is simple. First, merchants choose the components they want to use and add them to their store's theme. They can then customise the components using Liquid, adjusting the design, layout, and content to match the look and feel of their store.

Once the components are set up and customised, merchants can then begin adding and managing their products. This can be done through the Shopify admin dashboard, where merchants can add product details, pricing, and images, as well as manage orders and fulfilment.

One of the key benefits of Commerce Components is that they are fully integrated with the rest of the Shopify ecosystem. This means that merchants can use a wide range of Shopify apps and integrations to further enhance and optimise their store. For example, merchants can use marketing and sales apps to drive traffic and conversions, or use accounting and inventory management apps to streamline their back-office operations.

How do merchants integrate Commerce Components by Shopify with existing services?

Integrating Commerce Components with existing services is very straightforward. The process depends on the specific service you’re looking to integrate with, but in general there are a few simple steps you can follow:

1. Identify the service you want to integrate with

This could be a marketing tool, a payment gateway, an accounting software, or any other service that you use in your business.

2. Check that the service has a Shopify integration

Many popular services, such as email marketing tools and payment gateways, offer native integrations with Shopify. If the service you want to use has a Shopify integration, you can simply install the integration from the Shopify App Store.

3. Use the Shopify API

If the service you want to integrate with does not have a native integration with Shopify, you can use the Shopify API to build a custom integration. The Shopify API allows you to access and manipulate data in your Shopify store, such as orders, products, and customers. With the API, you can create custom integration with any service that has the ability to make API calls.

4. Use third-party integration platforms

If you are not comfortable working with the Shopify API, you can use a third-party integration platform, such as Zapier or Integromat, to connect your Shopify store with other services. These platforms allow you to create custom integrations using a user-friendly interface, without the need to write any code.

To integrate Commerce Components with an existing service, you’ll simply need to follow the steps outlined by the service or integration platform you are using.

For example, if you’re using a native integration with Shopify, you may need to install the integration from the Shopify App Store and then configure it to connect to your store.

If you’re using the Shopify API or a third-party integration platform, you may need to follow specific instructions to set up the integration and configure it to work with your store. In any case, it’s usually a simple process that doesn’t require any technical expertise.

What are the benefits of Commerce Components by Shopify?

There are many benefits to using Commerce Components, including:

1. Quick and easy customisation

With Commerce Components, merchants can easily customise the look and feel of their store to match their brand. This is done using Liquid, Shopify's simple and easy-to-learn templating language.

2. Wide variety of components

There are a wide variety of Commerce Components available, including product listings, customer reviews, checkout and payment processing, and more. This means that merchants can easily add and customise the functionality they need to create a fully-featured e-commerce store.

3. Seamless integration with the Shopify ecosystem

Commerce Components are fully integrated with the rest of the Shopify ecosystem, which means that merchants can use a wide range of apps and integrations to enhance and optimise their store.

4. Improved user experience

By using Commerce Components, merchants can create a store that is visually appealing and easy to use for their customers. This can help improve the overall user experience, leading to higher conversions and customer satisfaction.

5. Enhanced security

Commerce Components are designed to be secure and comply with industry standards, which means that merchants can have confidence that their store is safe and secure for their customers.

In summary, Commerce Components by Shopify offers a quick and easy way for merchants to build and customise their e-commerce store, with a wide variety of components, seamless integration with the Shopify ecosystem, improved user experience, reduced development time and cost, and enhanced security.

Want to know more?

For more info on Commerce Components by Shopify, check out their page covering the new update. There you'll find information about each individual component and what it can do for your enterprise business.

And yes, the eagle eyed of you will notice our very own Patta x Tommy Hydrogen project right there on the homepage for Commerce Components by Shopify. We’re thrilled to have our work on display as an example of what’s possible with the new Hydrogen toolkit, so we’re going to take this moment to enjoy the spotlight a little.

If you think your business could benefit from the added flexibility of Commerce Components, but you’re not sure where to start, get in touch with our team today for a free consultation!

Do you want to
stay updated?


Stay ahead

Subscribe to our newsletter for a roundup of the latest in ecommerce, straight to your inbox.