Checkout
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 edit your store's checkout page.
Steps
In the theme editor (Customize), click Theme settings.
Locate Checkout.
Make necessary changes.
Save.
The settings include:
Banner and Logo
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