> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.coinflow.cash/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.coinflow.cash/_mcp/server.

# 🎨 How To: Whitelabel The Payment Experience

1. [Log in to the Merchant Dashboard and navigate to Theme & Brand](https://merchant.coinflow.cash/theme).
2. 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

```javascript
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