Tag: headless shopify plus

All articles
Category
Topic
Newest
15 Brands Deploy Headless Commerce with Shopify Plus
15 BRANDS DEPLOY HEADLESS COMMERCE WITH SHOPIFY PLUS

Headless Commerce is one of the fastest-growing trends that contributes to changing how businesses approach eCommerce. Interestingly, Shopify Plus is known as a leading platform in providing superior solutions and tools for businesses to implement Headless Commerce.

The article below lists 15 top brands from various industries that have deployed headless eCommerce websites on the Shopify Plus platform to deliver a more memorable online shopping experience to customers.

Learn more: 15 reasons to switch to Shopify Plus

Babylist

Babylist was founded in 2011 by Natalie Gordon when she was pregnant and faced difficulty selecting gifts for her baby shower. Babylist is a platform that allows parents to create a list of products they need for their child. This helps party attendees or gift buyers know what items are essential. 

It’s crucial for Babylist to optimize for two distinct customer journeys:

  • One allows parents to easily create a wishlist and add product URLs they want from any website on the internet, not just Babylist.
  • One allows friends or relatives to purchase products from the wishlist from anywhere on the internet.

This illustrates that shopping involves more than just selecting items from a product catalog; it also extends to registries created by parents, housing product URLs from various sources on the internet. The complexity increases as Babylist enables users to make online purchases and collect items in-store. 

15 Brands Deploy Headless Commerce with Shopify Plus - Babylist
Babylist website

Therefore, Babylist has adopted Headless Commerce with Shopify Plus to customize the customer journey more easily and optimize the management processes of product listings, orders, payments, and inventory. In addition, Babylist also uses a Headless CMS – Contentful to distribute content to the website and mobile app interfaces.

  • Website: https://www.babylist.com/
  • Industry: Maternity & Baby
  • Lưu lượng truy cập: 9.9 triệu/tháng
  • Xếp hạng: 1,087 (Hoa Kỳ) & 5,431 (Toàn cầu)

Figs

Figs is a high-end medical apparel brand with a focus on minimalist design.

The brand specializes in manufacturing and distributing medical clothing and accessories for healthcare professionals, including households, doctors, dentists, and individuals working in the healthcare industry. Figs’ product range includes medical clothing, jackets, hats, socks, gloves, and shoes.

Prioritizing online sales, Figs has implemented a Headless Commerce strategy using Shopify Plus for backend functions such as product management, order processing, payments, shipping, and more. However, on the frontend, Figs has taken an independent approach to crafting a distinctive and personalized user experience.

15 Brands Deploy Headless Commerce with Shopify Plus - Figs
Figs website

In particular, Figs has utilized Unbounce to create unique and tailored landing pages for products or promotional campaigns. Furthermore, they’ve integrated Next.js to link these customized landing pages seamlessly with the product pages on Shopify.

This approach ensures that when customers visit a specific custom landing page, they can easily locate and purchase products. Therefore, Figs has enhanced the shopping experience for customers, providing a seamless and user-friendly journey to quickly find the products of their interest.

  • Website: https://www.wearfigs.com/
  • Lĩnh vực: Thời trang 
  • Lưu lượng truy cập: 4.3 triệu/tháng
  • Xếp hạng: 2,207 (Hoa Kỳ) & 9,573 (Toàn cầu)

Allbirds

Allbirds is an athletic and footwear brand founded in 2014 by Tim Brown and Joey Zwillinger. The brand is well-known for crafting shoes from sustainable sources and featuring simple, aesthetically pleasing designs. With the slogan “We make shoes to thank the earth,” Allbirds has experienced rapid growth, becoming a prominent name in the fashion industry as a whole and specifically in the footwear sector. 

15 Brands Deploy Headless Commerce with Shopify Plus - Allbirds
Allbirds website

To provide an optimal online shopping experience for customers, Allbirds has deployed Headless Shopify Plus. The Headless architecture allows the brand to customize and control the user interface (frontend) flexibly and efficiently, while Shopify Plus is utilized for managing data and eCommerce operations on the backend.

The deployment of Headless Commerce has enabled Allbirds to create a user-friendly and distinctive interface, providing a unique shopping experience with advanced features.

Rothy’s

Headquartered in San Francisco, California, Rothy’s is a well-known fashion brand that specializes in producing footwear from recycled materials, primarily utilizing post-consumer plastic fibers, especially PET. Rothy’s has become an icon capturing consumer interest by combining fashion elements with an environmentally-friendly mindset.

15 Brands Deploy Headless Commerce with Shopify Plus - Rothys
Rothy’s website

With a desire to “do things differently,” Rothy’s has embraced a Headless architecture to easily expand its presence to various international markets. The Headless architecture allows the brand the freedom to seamlessly integrate preferred technologies into the Shopify Plus eCommerce system.

Meanwhile, Rothy’s can develop independent frontends for each market, enabling adjustments in elements such as pricing and language to suit the specific consumers of each market. This approach helps Rothy’s create a unique and tailored shopping experience for the target customers in each market they serve.

  • Website: https://rothys.com/
  • Industry: Fashion
  • Traffic: 1.6M/month
  • Ranking: 6,083 (USA) & 31,084 (Worldwide)

Inkbox

Inkbox is a brand specializing in temporary tattoos that can be easily applied to the skin and nails. It allows users to have the temporary tattoos they desire without the commitment of a permanent one. Inkbox’s ink is made from natural ingredients, ensuring it is skin-friendly with the “Freehand Ink” technology. The brand is an example of leveraging creativity and technology to offer a temporary change for self-expression and image creation on the skin and nails uniquely and excitingly. 

Inkbox has implemented Headless Commerce with Shopify Plus to provide an optimal shopping experience for customers, featuring prominent functionalities such as:

  • Search suggestions with popular keywords
  • Displaying products by size, category, and theme
  • Allowing users to customize their tattoos
  • Integrating multiple payment methods: PayPal, Apple Pay, Google Pay, Sezzle, and Afterpay.
15 Brands Deploy Headless Commerce with Shopify Plus - Inkbox
Inkbox website
  • Website: https://inkbox.com/
  • Industry: Beauty
  • Traffic: 1.3M/month
  • Ranking: 9,560 (USA) & 31,846 (Worldwide)

Kylie Cosmetics

Since its establishment in 2014, Kylie Cosmetics has been widely embraced by consumers throughout North America, and Kylie Jenner was notably honored as a business genius by Forbes. Following the success of Kylie-branded cosmetics, in 2019 Kylie Jenner marked a new milestone by introducing the skincare line named Kylie Skin.

15 Brands Deploy Headless Commerce with Shopify Plus - Kylie Cosmetics
Kylie Cosmetics website

Quick to embrace the Headless Commerce trend, Kylie Cosmetics has implemented Shopify Plus for core functionalities on the backend, such as payment and delivery.

In addition, this platform provides the brand with exceptional flexibility to integrate third-party services for a more diverse range of custom operations on the frontend.

This enables Kylie Cosmetics to offer a unique and appealing online shopping experience for customers while benefiting from the robust and stable infrastructure of Shopify Plus.

Vinamilk

Vinamilk is the national brand of Vietnam, offering a wide range of trusted dairy products such as fresh milk, yogurt, condensed milk, ice cream, and more. In 2023, Vinamilk implemented a repositioning strategy to strengthen its position in the domestic market and expand its business activities internationally. 

As part of this strategy, Vinamilk integrated its eCommerce website and corporate website to provide a more consistent and seamless customer experience, as well as to manage data more efficiently.

15 Brands Deploy Headless Commerce with Shopify Plus - Vinamilk
Vinamilk website

Vinamilk collaborated with SECOMM to make a decisive move towards implementing the Headless Commerce + Headless CMS model based on the Shopify Plus eCommerce platform and a Headless CMS system.

The revamped appearance of Vinamilk’s website signifies a transformation from traditional to modern, from segregation to integration, and from focusing solely on sales to enhancing the overall customer experience.

ILIA 

ILIA is a beloved clean beauty brand that has won numerous consumer awards. The brand was created to help users protect and restore their skin through safe and highly effective formulas.

Initially running on Shopify Advanced, ILIA’s eCommerce website quickly grew and upgraded to Shopify Plus for more flexible customization capabilities.

ILIA implemented Headless to provide diverse and impressive visuals, helping customers find the exact type of cosmetics suitable for their skin without creating a cluttered web experience that could impact performance and page loading speed.

15 Brands Deploy Headless Commerce with Shopify Plus - ILIA
ILIA website

By deploying Headless Commerce on Shopify Plus, ILIA’s developers have the freedom to experiment with various types and formats of content. This approach has significantly improved the frontend capabilities, such as faster page loading speed, and has provided customers with an enhanced shopping experience, including the “Find My Shade” feature.

  • Website: https://iliabeauty.com/
  • Industry: Cosmetics
  • Traffic: 530K/month
  • Ranking: 20,571 (USA) & 107,803 (Worldwide)

Bols

Established in 1575, Bols is a brand specializing in cocktails that has been present in bars, restaurants, and airplanes worldwide for many years. After years of operation, the brand aimed to sell its products to consumers on a global scale. Therefore, Bols built an eCommerce website for both B2B and B2C models, placing a strong emphasis on customer experience.

15 Brands Deploy Headless Commerce with Shopify Plus - Bols
Bols website

By deploying Headless Commerce on the Shopify Plus platform, Bols can flexibly customize the layout and design of the frontend interface, allowing customers to purchase cocktails, book events, buy event tickets, and register for mixology courses.

To date, Bols has built a community of over 20 thousand followers on Instagram and has integrated this social network into the website to share the latest cocktail recipes.

  • Website: https://bols.com/
  • Industry: FnB
  • Traffic: 482.7K/month
  • Ranking: 23,098 (Holland) & 619,828 (Worldwide)

Victoria Beckham Beauty

Victoria Beckham is known as an icon in the global fashion industry, and her talent and dedication are recognized by professionals and fans alike.

Victoria’s passion extends beyond fashion to the realm of beauty. Thus, in 2019, she co-founded the beauty brand Victoria Beckham Beauty.

The brand launched an eCommerce website with a focus on high performance, fast page loading speed, and smooth operation with a multilingual, multicurrency interface.

Therefore, Victoria Beckham Beauty decided to implement a Headless architecture, leveraging Shopify Plus Storefront API, Netlify hosting, combined with the Contentful Content Management System (CMS).

15 Brands Deploy Headless Commerce with Shopify Plus - Victoria Beckham Beauty
Victoria Beckham Beauty website

Shopify Plus assists this business in managing customers, orders, and inventory, and integrating multiple payment methods to provide a multi-currency experience. Meanwhile, Contentful provides outstanding CMS features to manage the rich data of Victoria Beckham Beauty.

Kotn

Kotn was founded with a mission to set standards for creativity and conscious consumerism, designing clothing based on principles that ensure quality, honest value, and a positive impact on society. 

After launching a Headless eCommerce website with Shopify Plus in 2014, the brand continued to expand its product portfolio to meet customer demands. To provide customers with an exceptional experience, Kotn adjusted its approach for future development.

15 Brands Deploy Headless Commerce with Shopify Plus - Kotn
Kotn website

Kotn utilized the Shopify Storefront API to consolidate two stores into one, integrating with a new CMS system and customizing product pages and payment processes. This reduced the need for custom apps and related solutions, empowering staff to manage inventory, sales, and customer experiences more efficiently.

  • Website: https://kotn.com/
  • Industry: Fashion
  • Traffic: 336.3K/month
  • Ranking: 4,834 (Canada) & 122,434 (Worldwide)

Paul Valentine

Paul Valentine is a brand specializing in crafting and offering timeless and elegant jewelry. In just 8 years since its establishment in 2015, Paul Valentine has officially become a reputable jewelry brand, serving hundreds of customers worldwide.

15 Brands Deploy Headless Commerce with Shopify Plus - Paul Valentine
Paul Valentine website

While the Paul Valentine website had previously been operated on Shopify Plus, a reset in its setup made content management across 12 local stores complex and less efficient.

Therefore, implementing the Headless architecture was deemed the most suitable approach to address this issue. Accordingly, Paul Valentine built a custom frontend interface using the Shopify Storefront API and the Vue.js framework. 

Additionally, they integrated the Contentful system into the backend to unify content management and distribution across all stores.

This streamlined the management and operation of Paul Valentine’s eCommerce website, accelerated page loading speed, and ensured a smooth and consistent user experience.

Veloretti

Veloretti is a well-known bicycle brand from the Netherlands, specializing in the production and supply of high-quality bicycles and accessories. The introduction of their first modern electric bicycle prompted Veloretti to completely rebuild its eCommerce website.

While competitors focus on technology, Veloretti chooses to design its website with a strong emphasis on fashion and lifestyle, utilizing unique layouts and video content.

For non-electric bicycle product pages, Veloretti uses a bright theme, while a dark theme is employed for electric bicycle product pages, ensuring the provision of sufficient technical information without sacrificing the brand’s fashion and core values.

15 Brands Deploy Headless Commerce with Shopify Plus - Veloretti
Veloretti website

To achieve this, Veloretti has implemented the Headless architecture, with Shopify Plus serving as the backend platform. In addition, they use the Shopify Storefront API to connect the frontend and backend, facilitating easy and flexible access to data and functionality from Shopify.

Furthermore, Veloretti utilizes the React framework to build a custom frontend interface, providing customers with a unique and fashion-forward shopping experience.  

  • Website: https://www.veloretti.com/
  • Industry: Consumer electronics
  • Traffic: 145.4K/month
  • Ranking: 8,114 (Holland) & 304,131 (Worldwide)

BonLook

BonLook is a renowned eyewear brand based in Montreal, with 37 branch stores across Canada. In addition to selling ready-made glasses, BonLook offers prescription lens-cutting services. Customers can upload their prescriptions, and choose lens materials, anti-blue light and anti-fatigue capabilities, frame sizes, and styles.

15 Brands Deploy Headless Commerce with Shopify Plus - BonLook
BonLook website

BonLook has developed a Headless omnichannel solution with Shopify Plus to provide a seamless shopping experience across various channels, from online to offline, incorporating unique features such as AR technology with “Virtual Try-On.” The brand also leverages applications within Shopify Plus Certified Apps to enhance conversion rates and foster loyalty through promotional programs and seasonal offers, attracting customers to return for more shopping.

  • Website: https://www.bonlook.ca/
  • Industry: Fashion
  • Traffic: 112.8K/month
  • Ranking: 7,778 (USA) & 294,314 (Worldwide)

Grass Roots Farmers’ Cooperative

Grass Roots is a cooperative of small-scale family farmers in the United States specializing in the production and sale of clean products such as pork, beef, chicken, lamb, and bone broth.

To provide users with the optimal online shopping experience, Grass Roots decided to implement a Headless Commerce solution on the Shopify Plus platform.

This allows Grass Roots to access the latest web technologies to create its unique customer experience with features such as

  • Allowing customers to select product sizes and automatically display prices.
  • Integrating a loyalty program with a referral rewards program.
  • Integrating diverse payment methods such as Shop Pay, PayPal, and Google Pay.
15 Brands Deploy Headless Commerce with Shopify Plus - Grass Roots Farmers Cooperative
Grass Roots Farmers’ Cooperative Website

Go Headless with Shopify Plus today!

Here are specific examples showcasing the unique and engaging customer experiences of 15 brands across various industries when implementing Headless on the Shopify Plus platform.

With its outstanding customization and scalability capabilities, Shopify Plus is one of the preferred SaaS platforms for large enterprises considering the adoption of Headless Commerce models, thanks to optimal solutions like Storefront API, Hydrogen + Oxygen, and Commerce Components.

Over the years, SECOMM has become a reliable partner for many large enterprises such as Vinamilk and Suzuverse in establishing Headless architectures for eCommerce websites. We take on the roles of consulting, planning, and accompanying businesses in building Headless Shopify Plus websites through each stage.

Contact SECOMM or call directly on the hotline (028 7108 9908) to start your Headless deployment project with Shopify Plus today!

2
4,712
0
1
08/01/2024
3 Ways To Deploy Headless Commerce Using Shopify Plus
3 WAYS TO DEPLOY HEADLESS COMMERCE USING SHOPIFY PLUS

Freedom in creativity and technical flexibility have ushered eCommerce into a new era with the Headless Commerce trend. In this scenario, Shopify Plus shines with its exceptional solutions that have positioned numerous businesses at the forefront of this trend.

Learn more: Brands go Headless with Shopify Plus

The combination of Shopify Plus infrastructure and the Headless architecture opens up various ways for businesses to create unique and customizable shopping experiences for their customers. Below are three common methods for implementing Headless Commerce with Shopify Plus.

Method 1: Employ the Storefront API

The Shopify Storefront API is a GraphQL-based API – a query language for APIs. It enables businesses to connect the frontend of their website to the backend of Shopify, facilitating easy access to data and eCommerce functionalities. Therefore, businesses can use the Storefront API to create unique and personalized customer experiences across various digital channels.

3 Ways To Deploy Headless Commerce Using Shopify Plus
Shopify Storefront API

Pros

High flexibility: The Storefront API allows you to create independent websites. Instead of adhering to the constraints of pre-built themes, you can flexibly design product pages, homepages, and shopping carts in a style that accurately reflects your brand. The Storefront API also ensures flexibility in integrating with third-party systems while easily adapting the website to embrace new design trends.

Full data access: Through the Storefront API, you can access every aspect of the Shopify Plus database, including detailed information about products, orders, and customer data. This helps manage, monitor, assess trends, and optimize eCommerce data accurately.

Born for Headless Commerce deployment: Embracing the Headless Commerce model, which decouples the frontend and backend, allows for significant flexibility in eCommerce development and operations. The Storefront API is strategically optimized to seamlessly connect Shopify Plus’ backend with diverse frontends, ensuring a cohesive user experience across various channels and devices.

Cons

High technical skills required: Deploying Headless Shopify Plus using the Storefront API is a complex process that demands in-depth knowledge of the Shopify Plus platform, programming languages, and frameworks, as well as problem-solving skills to quickly address technical requirements. Particularly, you need to understand the data structure of Shopify, including how customer data, product information, and transactions are organized and stored within the system.

Hard to manage: The flexibility of the Storefront API complicates the process of managing and maintaining the system. While the flexibility of the Storefront API allows to customize every aspect of the eCommerce website, from the homepage to the checkout process, these custom configurations need to be well-managed. When there are too many custom configurations, updates may lead to compatibility issues within the overall system.

Method 2: Utilize the Shopify Hydrogen solution

The Shopify Hydrogen + Oxygen solution was introduced in 2021, and designed for large enterprises implementing Headless Commerce with Shopify Plus. Specifically, Hydrogen is a React-based framework – a popular framework for building user interfaces, enabling businesses to construct unique and visually appealing storefronts.

On the other hand, Oxygen is a global hosting solution capable of storing custom content. Shopify Oxygen is backed by Shopify’s infrastructure with over 100 server locations positioned worldwide. You don’t need to worry about finding third-party hosting providers or managing technical issues.

3 Ways To Deploy Headless Commerce Using Shopify Plus
Shopify Hydrogen + Oxygen

Pros

High customizability: Shopify Hydrogen allows you to customize the Headless website interface and implement necessary extensions. This means that merchants can use the latest technologies to build a Headless eCommerce website without worrying about impacting the system’s functionality.

Create personalized experiences: The Shopify Hydrogen solution offers high flexibility and customization, enabling you to implement Headless Commerce with this solution to easily create and deliver personalized shopping experiences for customers.

Diverse integrations: To help you create a seamless omnichannel experience, Shopify provides the capability to integrate the Headless Hydrogen website with various third-party applications such as Klaviyo, Gorgias, etc., as well as Headless CMS systems like Contentful, Sanity, Builder.io, etc.

Cons

High technical skills required: Shopify Hydrogen is a technically intensive solution and doesn’t have a drag-and-drop builder. Therefore, the process of implementing Headless Commerce with Shopify Hydrogen will demand a high level of technical expertise from the business.

Depend on Shopify API: This solution is developed exclusively for Shopify’s API. This means that the Hydrogen framework can only be used to build the Shopify website interface.

Third-party app integration: While Shopify allows you to easily integrate with 3rd-party apps and CMS, if you want to use a CMS or app for your online store that isn’t compatible with the Hydrogen framework, you’ll need to integrate it through a middleware app.

Method 3: Leverage the Commerce Components solution

The third method to adopt Headless Commerce with Shopify Plus is by using Shopify’s latest solution – Commerce Components. This is a modular component tech stack developed by Shopify specifically for large enterprises aiming to build Headless eCommerce websites. Shopify Commerce Components offer 30 components, encompassing core features across various business aspects such as Cart, Checkout, Data, Shipping, and more.

You can integrate these components based on deployment needs to create a customized solution for your Headless Shopify website. Since its launch, many world-leading businesses, including Mattel, JB Hifi, Glossier, Coty, Steve Madden, Spanx, and Staples, have utilized this new tech stack from Shopify.

3 Ways To Deploy Headless Commerce Using Shopify Plus
Commerce Components by Shopify

Pros

Flexible modular architecture: Commerce Components with a modular architecture provide unlimited API connections. This means you can integrate and use an unlimited number of components, while also easily adding, removing, and customizing these components without fear of affecting the system.

Cost optimization: Commerce Components have a pricing model based on the number of components used, meaning businesses pay for exactly what they use. Additionally, the cost of Commerce Components is billed annually, making it easier for businesses to accurately predict the fees they will incur.

Cons

Complex Integration: The process of integrating multiple components can be complex and time-consuming. Businesses need to ensure that the components operate independently and seamlessly within the same system efficiently.

Planning required: To ensure the effective operation of the components on the system, you need to meticulously plan which eCommerce components will be integrated, choose suppliers, deployment solutions, and deployment stages.

High technical skills required: Building and maintaining a Headless website system using the Commerce Components solution will demand a certain level of technical expertise and knowledge of integration and technology. You can invest in developing an in-house technical team or collaborate with highly specialized agencies.

Security and Compliance: Each provider for each eCommerce component will have its security protocols and compliance rules. You must ensure compliance with these rules when integrating their components, while also ensuring that this compliance doesn’t impact the operation of the remaining components and the entire system.

3 Ways To Deploy Headless Commerce Using Shopify Plus
Pros & Cons of 3 Headless deployment methods

Choose your best-fit Headless Commerce deployment!

On the journey of building a Headless eCommerce website with Shopify Plus, choosing the deployment method is a crucial decision to ensure system flexibility and performance while providing the optimal customer experience.

If you need detailed guidance or want to explore how Shopify Plus can support your Headless deployment strategy, please contact SECOMM or call directly at (+84)28 7108 9908 to receive advice and assistance from our experts in choosing the right Headless Shopify Plus deployment method for the business model and goals.

2
1,962
0
1
08/01/2024


    Sign Up for newsletter!

    Subscribe to get the latest eBook!