Links

Checkout

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.
In this article:
Steps
  1. 1.
    In the theme editor (Customize), click Theme settings.
  2. 2.
    Locate Checkout.
  3. 3.
    Make necessary changes.
  4. 4.
    Save.
The settings divide into 5 parts:
You can add their background banner or logo. If not, they can leave it blank.
A screenshort of checkout settings for banner and logo

2. 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.
Main content area settings of checkout page in Zest

3. 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.
Order summary area settings of checkout page in Zest

4. Typography and Colors

Use this part to change fonts and colors that match the store' aesthetic look
Typography and colors settings of checkout page in Zest

5. Checkout settings

To customize more checkout settings, please visit the admin for further details.
Step: Go to Dashboard > Settings > Checkout
Instead of editing the Checkout style in 4 parts we've mentioned above, you can also edit the following parts:
  • Customer accounts:
Customer accounts settings in Shopify checkout
  • Customer contact method
Customer contact method settings in Shopify checkout
  • Customer information:
Customer information settings in Shopify checkout
  • Tipping: Hide/ Show tipping options at checkout
Tipping setting in Shopify checkout
  • Order processing
Order processing settings in Shopify checkout
  • Consent for marketing
Consent for marketing settings in Shopify checkout
  • Abandoned checkout emails
Abandoned checkout emails settings in Shopify checkout
  • Order status page
Order status page settings of Shopify checkout
  • Checkout language
Checkout language settings of Shopify checkout