🎨 How To: Whitelabel The Payment Experience

Log in to the Merchant Dashboard and navigate to Theme & Brand.
Change the colors on the site to match your branding.

📘 Any changes to branding will effect both Checkout and Withdraw flows

You can modify the following properties to match the look and feel of your site:

Font - All Google fonts are supported
Corner Style
Colors

Example of How to pass custom theme prop

import { CoinflowPurchase, MerchantStyle } from "@coinflowlabs/react";

<CoinflowPurchase
        merchantId="mello"
        env="sandbox"
        subtotal={{cents:100}}
        theme={{
          primary: '#6366f1',
          background: '#ffffff',
          backgroundAccent: '#f3f4f6',
          backgroundAccent2: '#e5e7eb',
          textColor: '#111827',
          textColorAccent: '#6b7280',
          textColorAction: '#ffffff',
          font: 'Asimovian', // Pass a font supported by Google: https://fonts.google.com
          style: MerchantStyle.Rounded,
        }}
      />

Checkout Customizations

Merchants using SDK version 4.4.0 or higher now have enhanced customization options, including the ability to:

Add a custom support email
Include customer information in the footer