Unify your customer’s experience on your storefront by ensuring the final step of their journey matches the quality of the very first.
This continuity will not go unnoticed and should elevate your store above others when the customer makes a decision about where to buy in the future.
It is not possible to edit the code of this page as this is controlled by Shopify Payments - as such, design options are limited. You'll need to have a in order to edit the code elements of the Checkout page:
To customise your checkout design, head to your theme’s settings area:
Online Store
→ Themes
→ Customise
Theme Settings
→ Checkout
You will then be presented with the following options:
Add a banner to the Checkout page, to improve the look of the checkout page and improve reinforcing your brand image.
Uploading an image adds the image as a banner that sits across the top of your checkout page:
We recommend using an image which is 1000 x 400 pixels. Depending on the effect you're trying to achieve, editing and resizing may be required.
A logo can be added to display on the checkout page, above where the customer enters the final information and acts as a final reminder of your brand or stamp at the Checkout stage.
The logo position of the logo can be set in 3 alignments: Left / Center / Right
Scale your logo with the selected size option: Small / Medium / Large
The Main content area of the contact page is your contact form, and the information included.
A background image can be placed behind the contact form. This is where your text entry fields are displayed or you can choose a solid chunk of color, instead of an image background.
Displays product information added to cart before confirming the purchase.
Applies a background image to the Order summary of the Checkout page which repeats vertically or choose a solid chunk of colour, instead of an image background.
Choose from a selection of serif, sans-serif, cursive and monospace fonts.
Changes the main headings on the page.
Affects the rest of the text on the checkout page.
Links, highlights, and checkmarks will change based on your chosen color.
Gift card/discount and next step buttons will change based on your chosen color.
Messages and invalid fields when inputs are inccorect are highlighted in your chosen color.