{"id":2066,"date":"2020-06-05T10:35:45","date_gmt":"2020-06-05T10:35:45","guid":{"rendered":"https:\/\/shopthemedetector.com\/blog\/?p=2066"},"modified":"2026-10-11T08:26:56","modified_gmt":"2026-10-11T08:26:56","slug":"how-to-edit-the-checkout-page-in-shopify","status":"publish","type":"post","link":"https:\/\/shopthemedetector.com\/blog\/how-to-edit-the-checkout-page-in-shopify\/","title":{"rendered":"How to Edit and Customize Your Shopify Checkout Page"},"content":{"rendered":"

Your Shopify checkout page is where a browsing shopper turns into a paying customer, so small changes there tend to matter more than changes anywhere else on your store. Get your Shopify checkout page right and more carts convert. Leave it looking generic and people abandon their order at the last step.<\/p>\n

Two different jobs hide behind the same request. \u201cEditing\u201d the checkout usually means the quick, built-in changes: your logo, colors, and the basic look. \u201cCustomizing\u201d the checkout means going further, such as changing what fields appear, adding trust badges or upsells, reworking the thank you page, or altering the layout. How far you can go depends almost entirely on your Shopify plan and on whether you use the checkout editor, checkout extensions, or an app.<\/p>\n

This guide walks through the simple edit first, then the parts most other guides skip: what each Shopify plan actually lets you change, where the branding editor lives, how to customize the thank you and order status pages, what happened to checkout.liquid<\/code>, and when an app is the right answer.<\/p>\n

Key Takeaways<\/div>
1<\/div>
Basic branding (logo, colors, fonts, background) is available on paid plans through the checkout editor, no code needed.<\/div><\/div>
2<\/div>
Deep layout changes, custom fields, and reordering sections are mostly reserved for Shopify Plus.<\/div><\/div>
3<\/div>
The old checkout.liquid file is deprecated. Checkout is now customized with checkout extensions, the checkout editor, and apps.<\/div><\/div>
4<\/div>
The thank you and order status pages can be customized too, which is where a lot of stores leave conversions and repeat sales on the table.<\/div><\/div>
5<\/div>
When the built-in editor stops short, a checkout or upsell app usually fills the gap.<\/div><\/div><\/div>\n

Shopify Checkout Customization: What a Custom Shopify Checkout Can and Cannot Do<\/h2>\n

Shopify checkout customization covers two very different jobs, and mixing them up is why so much advice online misses. Light branding, meaning your logo, colors, fonts, and background, is open on every paid plan through the checkout editor. A truly custom Shopify checkout, meaning reordered sections, custom fields, and back-end logic, is a Shopify Plus feature or an app job. The plan table further down shows exactly where your store sits before you start.<\/p>\n

Because we fingerprint the apps running on live Shopify storefronts, we can show which checkout and upsell apps merchants actually keep installed rather than which ones market the hardest. FoxKit Upsell Bundles holds a 4.9\/5 rating across 379 reviews and runs on 0.3% of the stores in our dataset. For cash-on-delivery checkouts, Kwik COD Checkout sits at 4.7\/5 from 449 reviews, and for post-purchase upsells Wiser AI Upsell Cross Sell carries a 4.9\/5 rating from 561 reviews. Those are the blocks store owners add when the built-in editor stops short.<\/p>\n

How to Edit Your Shopify Checkout Page<\/h2>\n

If all you need is the basic edit, the built-in flow takes a couple of minutes. These are the five steps, start to finish:<\/p>\n

    \n
  1. Login.<\/strong> Log into your Shopify admin using your credentials.<\/li>\n
  2. Online Store.<\/strong> Go to your online store, then enter the theme section within the Shopify store admin panel. Click on the \u2018Customization\u2019 option to make changes.<\/li>\n
  3. Checkout.<\/strong> You then must select the Checkout from the left-hand side of the theme navigation.<\/li>\n
  4. Update.<\/strong> Now you can make the changes that you want. You can update the banner, logo, main content area and other areas of the page. However, you\u2019re limited unless you\u2019re a Shopify Plus customer. For instance, Shopify Plus customers can edit the layout as well.<\/li>\n
  5. Save.<\/strong> When you\u2019ve finished, you can save to complete the edits and push them to your site.<\/li>\n<\/ol>\n

    That covers the surface-level look. The rest of this guide is about the changes those five steps cannot reach, and how to make them.<\/p>\n

    What Each Shopify Plan Lets You Change at Checkout<\/h2>\n

    This is the part that trips most people up. The checkout is one of the most locked-down areas of Shopify, and what you can touch is tied to your plan. Here is the honest breakdown, from the lightest plan to the top tier.<\/p>\n\n\n\n\n\n\n\n\n\n
    Shopify plan<\/th>\nBranding (logo, colors, fonts, background)<\/th>\nLayout, section order & custom fields<\/th>\nCode \/ checkout logic<\/th>\nWhere you make the change<\/th>\n<\/tr>\n<\/thead>\n
    Starter<\/strong><\/td>\nBusiness name and logo only; checkout is Shopify-hosted and close to fixed<\/td>\nNo<\/td>\nNo<\/td>\nBasic brand settings<\/td>\n<\/tr>\n
    Basic<\/strong><\/td>\nYes, full branding editor<\/td>\nNo (apps can add blocks, but you cannot reorder the layout)<\/td>\nNo code access<\/td>\nSettings > Checkout > Customize, plus checkout apps<\/td>\n<\/tr>\n
    Grow<\/strong><\/td>\nYes, same as Basic<\/td>\nNo<\/td>\nNo code access<\/td>\nSettings > Checkout > Customize, plus checkout apps<\/td>\n<\/tr>\n
    Advanced<\/strong><\/td>\nYes, same as Basic<\/td>\nNo<\/td>\nNo code access<\/td>\nSettings > Checkout > Customize, plus checkout apps<\/td>\n<\/tr>\n
    Plus<\/strong><\/td>\nYes, plus the branding API<\/td>\nYes: drag-and-drop sections, custom fields, extra extension slots<\/td>\nCheckout extensibility and Shopify Functions (the old checkout.liquid is retired)<\/td>\nFull checkout editor, checkout UI extensions and Functions<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n