Time to Upgrade Your Shopify Checkout.liquid to Checkout Extensions
Blog

Time to Upgrade Your Shopify Checkout.liquid to Checkout Extensions

March 11th, 2024

The Shopify checkout.liquid file is going away in 2024 so it's time to upgrade your app or site. Let's talk about that path.

Sunrise Integration
  by Sunrise Integration

It's Time to Upgrade

 

Time is ticking closer to the scheduled Shopify deprecation of the checkout.liquid access. Are you a Shopify Plus merchant with customizations on your checkout? Make sure you don't lose access when this old method goes away in a few months.

 

Ecommerce tech is always evolving, always improving. The old way becomes obsolete. For Shopify, they're shedding their old checkout customizations in favor of some cool new checkout features called Checkout Extensions and Checkout Extensibility. The new checkout features make it easier for Shopify Plus merchants to customize their checkout using an app-based approach. This means the customizations will be upgrade-safe, higher-converting, and integrated with Shopify's Shop Pay. These new Checkout Extensions are available to all Shopify Plus merchants however the transition will require replacing the old methods, including the checkout.liquid file, which is being deprecated in 2024. The upgrade clock is ticking so let's review what store merchants need to do for this upgrade.

 

checkout.liquid file is going away so it's time to upgrade

 

What is checkout.liquid?

 

If you're a Shopify Plus merchant, you're probably already familiar with the checkout.liquid file, especially if you've done any checkout customizations. The checkout.liquid file is (and soon to be, was) a special part of Shopify's system that's used to control the look and feel of the checkout process. This file was only accessible to Shopify Plus stores merchants and allowed for code customizations to exist within the checkout pages.

 

Editing this file required a significant amount of development time and a strong understanding of ecommerce coding. Modifications would notoriously adversely affect Shopify's system updates, which lead to checkout problems. This was a poor experience for store owners. Until recently, editing this file was the only way for Shopify Plus merchants to customize their checkout pages.

 

 

"If you're a Shopify Plus merchant with customizations in your checkout.liquid, then be warned, you need to start the transition to Checkout Extensibility soon!"

 

 

Shopify has put the world on notice that the new Checkout Extension features will replace the old checkout.liquid paradigm of checkout customization. Checkout extensibility replaces checkout.liquid moving forward and Plus merchants need to plan for the upcoming deprecation.

 

The checkout.liquid file (and access to it) will be deprecated on August 13, 2024. Any merchants or apps that rely on this customization, will need to upgrade to the new Checkout Extensibility before this deadline. If your store is relying on this type of customization, you should contact your development partner or wake up your team to the impending date. Some store customization may require lengthy development to convert into a checkout app or function.

 

What this means is that Shopify merchants who have made checkout.liquid modifications must switch to Checkout Extensibility before the deadline. This transition is crucial to ensure that the store continues to operate smoothly and securely. However, moving to Checkout Extensibility may require the assistance of a developer due to the technical expertise it entails. Depending on the needs of each merchant, there might be a need for some custom app development as part of the transition. This could involve creating unique features or functionalities that are crucial for the business but not available in the standard Shopify offerings.

 

What is Shopify Checkout Extensibility?

 

So, what is Checkout Extensibility? It's not one thing, but a series of checkout improvements that Shopify is bringing to the platform. With these new features, you can build apps to customize the checkout pages of Shopify. Some of the new features include Checkout UI extensions, Shopify Functions, Checkout Branding API, and Pixels.  All of these new customization options are upgrade-safe, which means the customizations continue to function even when Shopify releases new features. This was not always the case with the checkout.liquid implementation, so they new Extensibility is a welcome upgrade. Let's review these new changes in more depth.

Deep Dive Into Checkout Extensibility

Shopify has revamped the method for personalizing the checkout process. Now, you can develop apps specifically for the checkout pages. This gives developers, like Sunrise Integration, the ability to create unique solutions tailored for store owners. The new features allow for a variety of elements like custom UI content, product deals, loyalty programs, customer pixels and more.

 

Not only can custom checkout apps be developed, but brands can now align the appearance of their checkout process using native WYSIWYG controls. Merchants can modify various design elements, such as the colors and fonts. Even the basic design aesthetics can be adjusted to make the checkout feel more integrated with the overall theme.

 

change the shopify checkout page design and features

 

Here are some of the features and capabilities included as part of Checkout Extensibility including the UI components and APIs used for customizing checkout:

 

Checkout UI Extensions

Developers can build custom apps that enhance Shopify's checkout process with new UI/UX features and content. Store owners install these apps via the Shopify admin and integrate them into their checkout experience. The UI/UX content can be added to pre-defined points in the checkout flow, including product information, shipping, payment, order summary, and Shop Pay.

 

Branding API

The branding API allows you to customize the checkout appearance to create a consistent brand experience for shoppers. The checkout branding settings are immediately visible within the store's checkout.

 

Shopify Functions

These are for modifying or replacing major components of Shopify's backend with tailored business operations. This allows developers to customize the backend logic of Shopify. For example, you can create and deploy a function that defines a new discount type or customize the shipping options. Shopify Functions can be created using JavaScript, TypeScript or Rust. These Functions are created as apps that are installed in your checkout page.

 

Post-Purchase Add-Ons

These are for introducing new user interface elements and features to the post-purchase page. A post-purchase offer is an additional sales opportunity that is displayed immediately after a customer completes checkout.

 

Web Pixel Extensions

You can use a web pixel app extension to collect customer data for marketing campaigns, store optimization and analytics. This is accomplished by inserting tracking pixels into the checkout to monitor the shopping habits of customers. Pixels can be added through app pixels, which are installed through marketing and data collection apps, and custom pixels, which can be manually added by a developer in the pixels manager.

 

Checkout extensions and API endpoints to customize your Shopify store

 

Making Checkout Work For You

 

If you're running a Shopify store, you know it's super important to make the checkout process easy, yet powerful. With the help of Shopify’s new checkout features, you can jazz up your checkout process and give your customers a more personal shopping experience. Add fields, customize your design, and put your own stamp on the checkout process.

 

The team at Sunrise Integration has been performing Shopify checkout magic for years. If you're on Shopify Plus and need some checkout wizardry, no problem, just reach out now. The deadline is approaching fast so don't wait for Shopify to shutdown your checkout.

 

If you have questions about Shopify's checkout extensibility, or need help upgrading your store, reach out to our development team and we'll get you going.

RELATED ARTICLES

Tags:   shopify   ecommerce   development technology