Learn how to customize your store's checkout page

The checkout page is where the customer completes payment and provides the information for delivery and contact details that are needed for invoicing.

This article will guide you on how to customize your store's checkout page to your liking.


  1. In the theme editor (Customize), click Theme settings.

  2. Locate Checkout.

  3. Make necessary changes.

  4. Save.

The settings include:

You can add their background banner or logo. If not, they can leave it blank.

Main content area

It shows on the site's left-hand side which has contact info and shipping address. For this area, you can also add a background image or leave it blank and use background color only.

The provided field to add text can be set as white or transparent.

Order summary area

Appear on the right-hand side of the site. The same as the main content area, background image, and color can be added to match merchants' expectations.

Typography and Colors

Use this part to change fonts and colors that match the store' aesthetic look.

Checkout layout

Switch between one-page checkout and three-page checkout from your Shopify admin. By default, the checkout layout on your store is set to one-page checkout.

Comparing one-page checkout to three-page checkout.

When you switch your checkout layout, the preview in your checkout or theme editor doesn't display in real time. After you save your changes, navigate to your storefront checkout to view your new checkout layout.

Checkout settings

To customize more checkout settings, please visit the admin page for further details.

Step: Go to Dashboard > Settings > Checkout

Besides editing the Checkout design and appearance as we've mentioned above, you can also edit the following parts:

  • Customer contact method

  • Customer information

  • Marketing options

  • Tipping

  • Address collection preferences

  • Order processing

  • Abandoned checkout emails

  • Order status page

  • Checkout language

  • Checkout rules

Last updated