Zonos logo
DOCS

Customize theme

/

Customize your Checkout theme

Learn how to customize Checkout and Hello to match your brand.

Zonos Checkout supports a few customizations options to help you find the look and feel that best fits in with your brand aesthetic and online presence. These options can be configured either through Dashboard or via the Zonos API. Theme customizations you apply to Checkout will also show up across your entire international ecommerce experience using Zonos - meaning that Zonos Hello as well as any shopper-facing order emails sent by Zonos will all match.

Available customizations 

The following customizations are available when customizing your theme:

  • Color scheme: Checkout supports light mode, dark mode, or space mode (extra dark) colors for adjusting the base colors across your international shopper experience. Choose which fits best for your store.
  • Logo: Checkout supports displaying your logo in the checkout interface, order emails, and more.
  • Primary brand color: You can specify your primary brand color which will be used to provide accent colors across the shopper experience which will be consistent with your overall brand aesthetic. By default this will automatically pull from your uploaded logo, but you can override it with whichever color you like.

These customizations only apply to Checkout, Hello, and any related shopper-facing order notification emails - they will not affect the rest of your site outside of experiences provided by Zonos.

NEEDS DESIGNS

Changing brand settings 

Dashboard
GraphQL

To adjust your Checkout theme settings from Dashboard:

  1. Visit Dashboard -> Settings.
  2. Under the Checkout section, select Theme.
  3. Adjust your theme settings as desired. You will see a live preview as you do so. Adjusting your settings won't affect your live checkout flow until you save your changes.
  4. Once you're satisfied with your changes, click Save.

If for whatever reason you want to reset to the default Checkout appearance, simply click "Reset to default" from within the "Theme" settings in Dashboard.