> For the complete documentation index, see [llms.txt](https://docs.native.org/native-whitepaper/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.native.org/native-whitepaper/getting-started/tutorial/getting-started-with-the-swap-widget.md).

# Getting Started with the Swap Widget

This guide walks you through the steps to embed the swap widget in your website in 2 minutes. With the swap widget, your users can trade ERC-20 tokens on the Native without leaving your site!

Here’s a live preview of the swap widget.

![](/files/rthtlnhstONOsJXkRGQa)

Example use cases include:

* Swapping assets in a DeFi application
* Acquiring a token to participate in your web3 community (e.g. FWB or a gaming token)
* Converting to the required currency for an NFT purchase (e.g. WETH)

You can make the widget feel like a native part of your app by customizing the colors, font, and token list to match your app theme. This [guide ](https://widget.native.org/?path=/story/introduction--welcome)will teach you how.

Integrating the Native Swap Widget is simple. Simply copy and paste the code snippet in the Swap widget page (Widgets > Swap) into desired locations of your website. Alternatively, you can use [Native's SDK](https://widget.native.org/?path=/story/introduction--welcome) for more customizability.  

![](/files/u9RIYgIOQ1aUxX5HVPJF)

If you do not have a website and still want your own DEX, you can click on "Preview" button to get the URL of your own DEX. 

![](/files/0xI2OSsfGspRyNWb6nwf)