Introduction

In anticipation of Shopify's checkout.liquid deprecation, I partnered with Freshwater Company to to create an advanced Checkout UI extension for Botanic Tonics brand. This solution utilizes Checkout Extensibility, offering Botanic Tonics precise control over their checkout process with the new checkout editor.

Botanic Tonics checkout

The Challenge

Developing a custom Checkout UI extension for Botanic Tonics presented several challenges:

  1. Checkout Extensibility was new, with limited resources and examples, requiring a steep learning curve.
  2. As an early adopter, I encountered unique issues with no existing solutions.
  3. Additionally, the merchant wanted to customize the app via the checkout editor so he could add new restrictions without developer assistance, but the editor lacked essential input types for URLs and selecting products, limiting customization options.
  4. Finally, deploying the extension to make changes accessible to users was also a crucial aspect of the process.

The Solution

Within a tight 1-week deadline, I leveraged my web and Shopify expertise to quickly master the new Checkout Extensibility system through resources and community engagement.

As an early adopter, I encountered unique issues with no existing solutions. I relied on my problem-solving skills and expertise in web development to find workarounds and create custom solutions tailored to Botanic Tonics' needs.

To enable Botanic Tonics to customize the app via the checkout editor, I extended the editor's functionality by adding essential input types to easily add new restrictions, such as zip codes or states, without requiring coding expertise.

Botanic Tonics checkout
Botanic Tonics checkout
Botanic Tonics checkout

Finally, I ensured that the checkout app extension was deployed and accessible to Botanic Tonics' users. I tested the app thoroughly to ensure a smooth user experience and made any necessary adjustments. Here is a snapshot of the final result in Botanic Store:

Botanic Tonics checkout

Result

By partnering with Freshwater Company and leveraging Shopify Plus and Checkout Extensibility, Botanic Tonics now benefits from a tailored checkout experience that meets their unique business requirements.

Feedback from the CEO of Freshwater Company:

Botanic Tonics checkout

Discover the power of Shopify Plus Checkout Extensibility with my comprehensive guide on upgrading and building custom checkout app like Botanic Tonics.

Upgrade to Checkout Extensibility and build your custom app today!

Next Project

Ford Motor Company

This case study explores a successful collaboration with Ford. My expertise in Shopify development tackled challenges like checkout optimization and limited marketing data. The implemented solutions, including a custom app and UI/UX improvements, led to significant sales growth for Ford.

Read Case
Ford Motor Company
Shopify Plusarrow