# Wallets

## User scenario

 `Wallets` / `Web3 apps`

## User flow

<figure><img src="https://1055926362-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeMoJky66Cj23UBCzvkFj%2Fuploads%2FQDBrC8PqsphLW3ttBJJP%2Fimage.png?alt=media&#x26;token=1a3fb9e3-0930-44fc-8144-db285559713c" alt=""><figcaption><p>User flow for wallets</p></figcaption></figure>

## Sequence chart

<figure><img src="https://1055926362-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeMoJky66Cj23UBCzvkFj%2Fuploads%2Fh7rubW2WYgRwoX6Nhzg5%2Fimage.png?alt=media&#x26;token=cf87a6ae-217e-4383-af93-fcafffa9af17" alt=""><figcaption><p>Sequence chart for wallets</p></figcaption></figure>

## Onboarding

1. Make sure the necessary FaTPay capabilities based on the user flow \[[#partner-types](https://dev.fatpay.org/get-started/onboarding#partner-types "mention")];
2. Choose the partner type and apply the corresponding partner \[[#onboarding-process](https://dev.fatpay.org/get-started/onboarding#onboarding-process "mention")];
3. Integrate accordingly \[[reference](https://dev.fatpay.org/reference "mention")];

## Integration

{% hint style="success" %}
All the following processes are optional and can be combined according to the user flow. It takes 2 days tops to integrate.
{% endhint %}

<table><thead><tr><th width="371.58064516129036">User flow</th><th width="218">Reference</th></tr></thead><tbody><tr><td>Add entry to FaTPay widget</td><td>N/A</td></tr><tr><td><p>Redirect to FaTPay transaction flow:</p><ul><li>Set specific cryptocurrency;</li><li>Set specific fiat currency and amount;</li><li>Set default wallet address;</li><li>Set default email address;</li></ul><p><em><mark style="color:blue;">In case you want to hide or fix the wallet address, please apply for Premium Parter.</mark></em> </p></td><td><a data-mention href="../reference/integration-tutorial/on-ramp-widget-customization">on-ramp-widget-customization</a></td></tr><tr><td><p>Customize FaTPay widget interface:</p><ul><li>Choose interface theme;</li><li>Set light/dark mode;</li></ul></td><td><a data-mention href="../reference/integration-tutorial/interface-customization">interface-customization</a></td></tr></tbody></table>