# 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) --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.native.org/native-whitepaper/getting-started/tutorial/getting-started-with-the-swap-widget.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.