> ## Documentation Index
> Fetch the complete documentation index at: https://docs.stablepayfi.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Checkout Display & Logo Guidelines

> Shared display guidance for presenting StablePay and stablecoin payment methods.

Use this page when adding StablePay to your own checkout, payment method list, SaaS storefront, or payment selection UI. The goal is to help customers understand that they can pay with USDT or USDC through familiar wallets.

In most checkout experiences, show the payment method as stablecoin payment first and StablePay as the provider second. Customers are usually more familiar with USDT, USDC, and wallet names than with payment infrastructure brands.

## Recommended payment method label

```text theme={"system"}
USDT | USDC Stablecoin Payment
```

Recommended supporting text:

```text theme={"system"}
Binance | OKX | MetaMask | Trust Wallet | Bitget Wallet and more
```

## Recommended examples

<Columns cols={2}>
  <Column>
    <Frame>
      <img src="https://mintcdn.com/stablepay-a1f5fa99/iiUfFDz5muXhW7R0/images/Checkout-Display-Guide--StablePay-Logo/image-6.png?fit=max&auto=format&n=iiUfFDz5muXhW7R0&q=85&s=aed0eb2ce0ee7082c807e6d26d1001b8" alt="Recommended stablecoin payment display" width="630" height="1586" data-path="images/Checkout-Display-Guide--StablePay-Logo/image-6.png" />
    </Frame>
  </Column>

  <Column>
    <Frame>
      <img src="https://mintcdn.com/stablepay-a1f5fa99/iiUfFDz5muXhW7R0/images/Checkout-Display-Guide--StablePay-Logo/image-7.png?fit=max&auto=format&n=iiUfFDz5muXhW7R0&q=85&s=68af5f516ce0e271b4379dcb03953257" alt="Recommended wallet display" width="616" height="1540" data-path="images/Checkout-Display-Guide--StablePay-Logo/image-7.png" />
    </Frame>
  </Column>
</Columns>

## Best practices

* Make `USDT` and `USDC` visible in the payment method name.
* Add familiar wallet examples when space allows.
* Use stablecoin and wallet icons to reduce customer uncertainty.
* Use `Powered by StablePay` when showing the StablePay brand.
* Avoid labeling the option only as `StablePay` if customers may not recognize the brand yet.

## API checkout examples

For custom ecommerce sites, apps, and game checkout pages, display stablecoin payment alongside other payment methods such as cards, PayPal, or bank transfer.

<Frame>
  <img src="https://mintcdn.com/stablepay-a1f5fa99/iiUfFDz5muXhW7R0/images/Checkout-Display-Guide--StablePay-Logo/api-pc-example.png?fit=max&auto=format&n=iiUfFDz5muXhW7R0&q=85&s=0a2f1d315dad3e3bb241d826b1a5e5c1" alt="API desktop checkout example" width="2342" height="1742" data-path="images/Checkout-Display-Guide--StablePay-Logo/api-pc-example.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/stablepay-a1f5fa99/iiUfFDz5muXhW7R0/images/Checkout-Display-Guide--StablePay-Logo/api-mobile-example.png?fit=max&auto=format&n=iiUfFDz5muXhW7R0&q=85&s=8232266fdc6542a378e3a8477a13e7ab" alt="API mobile checkout example" width="754" height="1592" data-path="images/Checkout-Display-Guide--StablePay-Logo/api-mobile-example.png" />
</Frame>

## SaaS platform examples

StablePay can also be displayed in SaaS storefronts and ecommerce platforms.

<Columns cols={2}>
  <Column>
    <Frame>
      <img src="https://mintcdn.com/stablepay-a1f5fa99/iiUfFDz5muXhW7R0/images/Checkout-Display-Guide--StablePay-Logo/shopify-example.png?fit=max&auto=format&n=iiUfFDz5muXhW7R0&q=85&s=38cf1359b922351490bd4b182ae0be26" alt="Shopify example" width="808" height="1692" data-path="images/Checkout-Display-Guide--StablePay-Logo/shopify-example.png" />
    </Frame>
  </Column>

  <Column>
    <Frame>
      <img src="https://mintcdn.com/stablepay-a1f5fa99/iiUfFDz5muXhW7R0/images/Checkout-Display-Guide--StablePay-Logo/woocommerce-example.png?fit=max&auto=format&n=iiUfFDz5muXhW7R0&q=85&s=bec4a2d34815e59d3edd389628ccdd64" alt="WooCommerce example" width="2864" height="1510" data-path="images/Checkout-Display-Guide--StablePay-Logo/woocommerce-example.png" />
    </Frame>
  </Column>
</Columns>

<Columns cols={2}>
  <Column>
    <Frame>
      <img src="https://mintcdn.com/stablepay-a1f5fa99/iiUfFDz5muXhW7R0/images/Checkout-Display-Guide--StablePay-Logo/shoplazza-example.png?fit=max&auto=format&n=iiUfFDz5muXhW7R0&q=85&s=e286ef6017b9d7bb5285efd088f98070" alt="Shoplazza example" width="2438" height="1686" data-path="images/Checkout-Display-Guide--StablePay-Logo/shoplazza-example.png" />
    </Frame>
  </Column>

  <Column>
    <Frame>
      <img src="https://mintcdn.com/stablepay-a1f5fa99/iiUfFDz5muXhW7R0/images/Checkout-Display-Guide--StablePay-Logo/shoplazza-example-1.png?fit=max&auto=format&n=iiUfFDz5muXhW7R0&q=85&s=ca45533befcf118fc796b91201ec9291" alt="SHOPYY example" width="2438" height="1686" data-path="images/Checkout-Display-Guide--StablePay-Logo/shoplazza-example-1.png" />
    </Frame>
  </Column>
</Columns>

## Logo assets

Use the StablePay logo when you need provider attribution, such as `Powered by StablePay`.

<Columns cols={2}>
  <Column>
    <Frame>
      <img src="https://mintcdn.com/stablepay-a1f5fa99/iiUfFDz5muXhW7R0/images/Checkout-Display-Guide--StablePay-Logo/stablepay-logo.png?fit=max&auto=format&n=iiUfFDz5muXhW7R0&q=85&s=24bbb39c56ae06f197f7e8a3d3482615" alt="StablePay logo" width="4665" height="1390" data-path="images/Checkout-Display-Guide--StablePay-Logo/stablepay-logo.png" />
    </Frame>
  </Column>

  <Column>
    <Frame>
      <img src="https://mintcdn.com/stablepay-a1f5fa99/iiUfFDz5muXhW7R0/images/Checkout-Display-Guide--StablePay-Logo/stablepay-icon.png?fit=max&auto=format&n=iiUfFDz5muXhW7R0&q=85&s=9d6e660db589861fea3e4f524bc389b3" alt="StablePay icon" width="1200" height="1200" data-path="images/Checkout-Display-Guide--StablePay-Logo/stablepay-icon.png" />
    </Frame>
  </Column>
</Columns>

* [StablePay payment method logo assets](https://stablepay-docs.oss-cn-hongkong.aliyuncs.com/stablepay-payment-logo.zip)
* [StablePay logo assets](https://stablepay-docs.oss-cn-hongkong.aliyuncs.com/stablepay-logo.zip)
* [USDC logo assets](https://stablepay-docs.oss-cn-hongkong.aliyuncs.com/usdc-logo.zip)
* [USDT logo assets](https://stablepay-docs.oss-cn-hongkong.aliyuncs.com/usdt-logo.zip)
* [MetaMask logo assets](https://stablepay-docs.oss-cn-hongkong.aliyuncs.com/metamask-logo.zip)
* [Trust Wallet logo assets](https://stablepay-docs.oss-cn-hongkong.aliyuncs.com/trust-wallet-logo.zip)

## Related pages

* [Supported Wallets](/en/product/Supported-Wallets)
* [Stablecoin Checkout](/en/product/Stablecoin-Checkout)
* [Payment Links](/en/product/Payment-Links)