> For the complete documentation index, see [llms.txt](https://docs.bitoftrade.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bitoftrade.com/for-businesses/allpay-widget/quick-start.md).

# Quick start

This tutorial shows you how to embed the crypto widget in your website easily, regardless of whether your website already functions as a decentralized application (dApp). Your users can swap ERC-20 tokens and buy/sell NFTs with the bitoftrade AllPay widget without ever leaving your website!

In this chart you can recognize the flow of the implementation of your widget:

<figure><img src="/files/K7kf9lKdF7fT4zVXyQJQ" alt=""><figcaption></figcaption></figure>

Here's a preview of your future widget:&#x20;

<figure><img src="/files/HrPEGo0GIQXEOCgtsV3V" alt=""><figcaption></figcaption></figure>

By adjusting the widget's colors, font, and token list to match your app's theme, you can make it appear as though it was always there. This manual will show you how.

###