# Overview

{% hint style="info" %}
This documentation is the guide for developers to integrate FaTPay service.

If you want to buy cryptocurrency, please check [this](https://ramp.fatpay.xyz/) instead.
{% endhint %}

## Intro

### What is FaTPay

[FaTPay](https://fatpay.org), as an infrastructure of Web 3.0 ecosystem, aims to build a solid connection between Web 2.0 and Web 3.0, more specifically, between fiat currencies and cryptocurrencies. With effortless integration and friendly user experience, FaTPay significantly lowers the threshold of cryptocurrency investment and welcomes all old-world citizens to the brand-new Web 3.0 world.

### What we offer

This documentation is the guide for developers to integrate FaTPay’s on-ramp& NFT Checkout service. By following the steps outlined in this documentation to integrate it into your website or application, your customers can enjoy the convenience of purchasing cryptocurrencies. The integration of [Public Partner](https://dev.fatpay.org/get-started/onboarding#public-partner) mode is stunningly simple and quick, which can go online within 5 minutes.

{% hint style="info" %}
Fiat on-ramp is the service to buy cryptocurrency via fiat currency. Vice versa, off-ramp is the service that exchanges from cryptocurrency to fiat currency. NFT Checkout is the service to buy NFT via fiat currency.
{% endhint %}

Since FaTPay supports dozens of \[[fiat-currencies](https://dev.fatpay.org/appendix/fiat-currencies "mention")] as well as \[[cryptocurrencies-on-ramp](https://dev.fatpay.org/appendix/cryptocurrencies-on-ramp "mention")] in multiple countries/regions all around the world. You could manage to get tons of users to your DApps, websites, games and wallets. And it works for various businesses, from the multinational crypto exchanges to the Web 3.0 startups. All you need is to focus on your own business and let FaTPay take care of all the rest, in terms of KYC procedure, the regulatory compliance, the coverage of fiat currencies and cryptocurrencies, etc.

Additionally, the user flow and user interface could be customized flexibly according to the business requirements.

<figure><img src="https://1055926362-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeMoJky66Cj23UBCzvkFj%2Fuploads%2FZTKDMm7B1fCwVmVkrCpb%2Fimage.png?alt=media&#x26;token=a0279794-4ef6-494f-bbd0-0eede2f4c071" alt=""><figcaption><p>What we offer for our partners</p></figcaption></figure>

<figure><img src="https://1055926362-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeMoJky66Cj23UBCzvkFj%2Fuploads%2FjXCBypVbc7PWX6nkQPw1%2Fimage.png?alt=media&#x26;token=8af8b191-2334-4885-858c-e45f7f584f93" alt=""><figcaption></figcaption></figure>

## Quick Started

You are able to introduce FaTPay into your system with single line of code. Please check \[[get-started](https://dev.fatpay.org/get-started "mention")] for more details.

{% hint style="success" %}
In order to release your MVP(minimum viable product) quickly, you could integrate as [Public Partner](https://dev.fatpay.org/get-started/onboarding#partner-types). Still, we highly recommend to go through the whole \[[onboarding](https://dev.fatpay.org/get-started/onboarding "mention")] process, to get more features and supports.
{% endhint %}

### **Browser redirect integration**

<pre class="language-html" data-title="Redirect mode" data-overflow="wrap"><code class="lang-html"><strong>&#x3C;a href="https://ramp.fatpay.xyz/home?partnerId=public" target="_blank">Buy with FaTPay&#x3C;/a>
</strong></code></pre>

### **Browser embeded or iframe**

{% code title="Embeded mode" overflow="wrap" %}

```html
<iframe
  src="https://ramp.fatpay.xyz/home?partnerId=public&windowOpen=1"
  allow="accelerometer; autoplay; camera; gyroscope; payment"
  width="100%"
  height="100%"
  frameborder="0"
/>
</iframe>
```

{% endcode %}

## Best Practices

Here comes the best practices for different scenarios.&#x20;

Please note that best practices are just a reference and can be adapted to the specification of your project with our rich set of configurable items and APIs.

{% content-ref url="best-practices/exchanges" %}
[exchanges](https://dev.fatpay.org/best-practices/exchanges)
{% endcontent-ref %}

{% content-ref url="best-practices/crypto-projects" %}
[crypto-projects](https://dev.fatpay.org/best-practices/crypto-projects)
{% endcontent-ref %}

{% content-ref url="best-practices/wallets" %}
[wallets](https://dev.fatpay.org/best-practices/wallets)
{% endcontent-ref %}

{% content-ref url="best-practices/affiliate-partners" %}
[affiliate-partners](https://dev.fatpay.org/best-practices/affiliate-partners)
{% endcontent-ref %}

{% content-ref url="best-practices/nft" %}
[nft](https://dev.fatpay.org/best-practices/nft)
{% endcontent-ref %}

## Reference

You may need to check below links for more details.

{% tabs %}
{% tab title="API Reference" %}
{% content-ref url="reference/api-reference/apis/list-all-cryptocurrencies" %}
[list-all-cryptocurrencies](https://dev.fatpay.org/reference/api-reference/apis/list-all-cryptocurrencies)
{% endcontent-ref %}

{% content-ref url="reference/api-reference/apis/list-all-fiat-currencies-and-payment-methods" %}
[list-all-fiat-currencies-and-payment-methods](https://dev.fatpay.org/reference/api-reference/apis/list-all-fiat-currencies-and-payment-methods)
{% endcontent-ref %}

{% content-ref url="reference/api-reference/apis/retrieve-quoted-price" %}
[retrieve-quoted-price](https://dev.fatpay.org/reference/api-reference/apis/retrieve-quoted-price)
{% endcontent-ref %}

{% content-ref url="reference/api-reference/apis/list-all-orders" %}
[list-all-orders](https://dev.fatpay.org/reference/api-reference/apis/list-all-orders)
{% endcontent-ref %}

{% content-ref url="reference/api-reference/webhooks/webhook-for-order-events" %}
[webhook-for-order-events](https://dev.fatpay.org/reference/api-reference/webhooks/webhook-for-order-events)
{% endcontent-ref %}

{% content-ref url="reference/api-reference/verification" %}
[verification](https://dev.fatpay.org/reference/api-reference/verification)
{% endcontent-ref %}
{% endtab %}

{% tab title="On-ramp Customization" %}
{% content-ref url="reference/integration-tutorial/on-ramp-widget-customization" %}
[on-ramp-widget-customization](https://dev.fatpay.org/reference/integration-tutorial/on-ramp-widget-customization)
{% endcontent-ref %}

{% content-ref url="reference/integration-tutorial/interface-customization" %}
[interface-customization](https://dev.fatpay.org/reference/integration-tutorial/interface-customization)
{% endcontent-ref %}

{% content-ref url="reference/integration-tutorial/widget-themes-gallery" %}
[widget-themes-gallery](https://dev.fatpay.org/reference/integration-tutorial/widget-themes-gallery)
{% endcontent-ref %}

{% content-ref url="reference/integration-tutorial/widget-signature" %}
[widget-signature](https://dev.fatpay.org/reference/integration-tutorial/widget-signature)
{% endcontent-ref %}
{% endtab %}

{% tab title="NFT Checkout Customization" %}
{% content-ref url="reference/integration-tutorial/nft-checkout-widget-customization" %}
[nft-checkout-widget-customization](https://dev.fatpay.org/reference/integration-tutorial/nft-checkout-widget-customization)
{% endcontent-ref %}

{% content-ref url="reference/integration-tutorial/interface-customization" %}
[interface-customization](https://dev.fatpay.org/reference/integration-tutorial/interface-customization)
{% endcontent-ref %}

{% content-ref url="reference/integration-tutorial/widget-themes-gallery" %}
[widget-themes-gallery](https://dev.fatpay.org/reference/integration-tutorial/widget-themes-gallery)
{% endcontent-ref %}

{% content-ref url="reference/integration-tutorial/widget-signature" %}
[widget-signature](https://dev.fatpay.org/reference/integration-tutorial/widget-signature)
{% endcontent-ref %}
{% endtab %}
{% endtabs %}

## Support

If you have any questions or problems with this documentation, please don't hesitate to reach us at [developers@fatpay.xyz](https://app.gitbook.com/u/7LbzeQ17MBRk9Z22viR3sEebJis2)