Checkout SettingsUpdated 13 days ago

When your store is using Checkout 2.0, a Checkout Settings option will appear under Settings in the side menu tab.

Within Checkout Settings, store admins can customize how the checkout page is displayed to customers. The available options are grouped into the following categories:

UI Settings

• Logo URL
  Enter a published image URL from your website to display your store’s logo during checkout.

• Favicon URL
  Enter a published image URL from your website to display a favicon on the checkout page.

Custom Settings

• Custom CSS Styles
  Apply your own CSS to adjust the checkout’s appearance and align it with your website’s branding. You can modify the default style scheme using variables such as:

--primary-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--primary-font-size: 16px;--primary-color: #dfdfdf;--secondary-color: #f4f4f4;--contrast-color: #8E4C32;--default-margin: 15px;--default-br: 5px;--color-danger: #ef2000;--color-placeholder: #707070;

• Custom JS Scripts
  Add JavaScript snippets to the checkout page to extend functionality. Examples include chatbots, analytics tools, or scripts that send order data to external services for tracking checkout conversions.

• Custom JS Scripts in Header
  Place scripts specifically in the header section if they need to load early (e.g., tracking pixels or monitoring scripts).

Store Policies

You can display store policies directly at checkout to provide transparency for your customers. Add links or text for:

• Refund Policy

• Shipping Policy

• Privacy Policy

• Terms of Service