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:
How to add or remove banner and logo on the checkout page
How to customize the main content area
How to customize the order summary area
How to adjust the checkout page's typography and colors
How to adjust other settings of the checkout page in Shopify admin
Steps
In the theme editor (Customize), click Theme settings.
Locate Checkout.
Make necessary changes.
Save.
The settings divide into 5 parts:
1. Banner and Logo
You can add their background banner or logo. If not, they can leave it blank.
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.
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.
4. Typography and Colors
Use this part to change fonts and colors that match the store' aesthetic look
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 contact method
Customer information:
Tipping: Hide/ Show tipping options at checkout
Order processing
Consent for marketing
Abandoned checkout emails
Order status page
Checkout language
Last updated