Checkout

You can customize the checkout page so it more closely matches the theme of your site. You can also add code to the <head> and opening and closing <body> areas of the page:

  1. On the Store Admin menu select Select Settings > Checkout.
  2. Click the Browse button to browse to your header image file. The optimum dimensions for the header image is 1920 x 175 pixels.
  3. In the background Color field, enter the hexadecimal number for the color or click the color button to select the color with the color picker. 




    The default background color is used if you do not specify a color.

  4. To add a logo, click the Browse button and browse to the file.
  5. On the Logo Position dropdown list select the position for the logo. Options are left, center, or right.

  6. To set the font color for checkout page headings, specify the font color. The default heading font color is used if you do not specify a font color.

  7. To change the appearance of checkout page buttons, specify the button color and the font color. If you leave these fields empty, then the default colors are used.

  8. To add code such as analytic tracking code or CSS to the <head> area of the page, enter the code in HTML Head field. The code you enter here is placed immediately before the closing </head> tag on the checkout pages and on the Thank You page.



  9.  To add code such as analytic tracking code or CSS to the opening <body> area of the page, enter the code in Body Header field. The code  is placed immediately after the opening <body> tag on the checkout pages and on the Thank You page.



  10. To add code such as analytic tracking code or CSS to the closing </body> area of the page, enter the code in Body Footer field. The code is placed immediately before the closing </body> tag on the checkout pages and on the Thank You page.



  11. Click the Save my changes button.