How to Customize the Dominate checkout page?

Dominate allows you to have a Default Configuration Design for all your store's checkout pages or configure each checkout page individually.

To configure the checkout-page design:

  1. For Dominate Checkout Hosted (For Open-Source version, jump to step 2):
    1. Access your Dominate Checkout account.
    2. Go to Dominate Checkout -> Configurations -> Design / Look & Feel
  2. For Dominate Checkout Open-Source:
    1. Access to your Magento 2 Admin Panel.
    2. Go to Dominate -> Open-Source Checkout -> Customize Checkout Design -> Font & Colors
  3. Select your preferred colors for the following sections/buttons:
      1. Page Background: This color will be applied to the Checkout Page Background.
      2. Sidebar Background: This color will be used for the Checkout Right Sidebar Background.
      3. Heading Text Color: This color will be applied to Headings and Titles.
      4. Body Text Color: This color will be applied to any Body or Informational Text
      5. Link Color: This color will be applied to all Links on the Checkout Page.
      6. Highlight Color: This color will be used to Highlight Chosen Options and Focus Input Fields
      7. Primary Button Background: This color will be used to Primary Action Buttons Background. Ex: Continue To Delivery Method, Continue To Payment, Place Order.
      8. Primary Button Text Color: This color will be applied to Primary Action Buttons Background. Ex: Continue To Delivery Method, Continue To Payment, Place Order.
      9. Secondary Button Background: This color will be applied to the Secondary Action Buttons Text. Ex: login, Reset, Apply a Promo Code.
      10. Secondary Button Text Color: This color will be applied to the Secondary Action Button Text. Ex: login, Reset, Apply a Promo Code.
      11. Click the Save button.