Checkout

Customise your checkout experience from the theme editor.

Overview

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.


How do I customise my checkout?

To customise your checkout, head to your theme’s settings area:

  1. Admin
  2. Online Store > Themes > Customise
  3. Theme Settings
  4. Choose "checkout"
  5. You will then be presented with the following options:

Banner

Background image

This adds a strip along the top of your checkout page:

Note

We recommend using an image which is 1000 x 400 pixels. For further information relating to images and aspect ratio, please take a look at our help document here:
docs.wetheme.com/faqs/what-sizes-should-I-upload-my-images


Logo

Custom image

This adds a logo to the top of your checkout page, within the banner space.

Position

Left:

Center:

Right:

Logo size

Small:

Medium:

Large:


Main content area

Background image

This is where your text entry fields are displayed:

Note

Image repeats vertically and horizontally.

Background color

Choose a solid chunk of colour, instead of an image background.

Note

You must first remove an image if you wish the background color to be shown.

Form fields

White:

Transparent:


Order summary

Background image

Note

Image repeats vertically and horizontally.

Background color

Choose a solid chunk of colour, instead of an image background:

Note

You must first remove an image if you wish the background color to be shown.


Typography

Choose from a selection of serif, sans-serif, cursive and monospace fonts.

Headings

Affects two areas of the checkout:

Body

Affects the rest of the text on the checkout page:


Colors

Accents

Links, highlights, and checkmarks:

Buttons

Gift card/discount and next step buttons:

Errors

Messages and invalid fields: