Links

Checkout

A page on an e-commerce website where the transaction is carried out.
This is where the customer completes payment and provides the information for delivery and contact details that are needed for invoicing.
Steps
  1. 1.
    In the theme editor (Customize), click Theme settings
  2. 2.
    Locate Checkout
  3. 3.
    Make necessary changes
  4. 4.
    Save.
The settings include:
Merchants 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 meet your expectations.
​

4. Typography & colors

Use this part to change fonts and colors that match the store' aesthetic look.
​
Although you might want to add a lot of color and interest to your checkout pages, it's best to keep the design simple. Your customers use these pages to enter shipping and payment information for their orders , and you don't want to distract them or make the information hard to read. Choose colors with high contrast, and images that don't draw attention from the words on the page.