Checkout

Ensure the final steps of your customer's transaction matches the quality of their first, and the purchase goes smoothly.

Customizing the Checkout

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

  1. Admin

  2. Online Store > Themes > Customize

  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: WeTheme Images Reference Guide

Custom image

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

Position

Left:

Center:

Logo size

Small:

Medium:

Large:

Main content area

Background image

This is where your text entry fields are displayed:

Background color

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

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 check marks:

Buttons

Gift card/discount and next step buttons:

Errors

Messages and invalid fields: