# Widget

Step-by-step guide for embedding the [OpenOcean ](https://app.openocean.finance/)Swap widget in your web3 decentralized application (dApp)

With OpenOcean swap widget, your users can swap any token at the best rates through OpenOcean protocol without leaving your dApp!

The widget will only take you less than 5 minutes for integration. See following examples of user case:

* **Making swaps a revenue source** by adding your own platform fee to the transaction.
* **Converting to the required currency** for an NFT purchase or any other in-app usage (e.g. WETH). Building a custom frontend for the Uniswap Protocol.
* Swapping assets in a DeFi application for **providing liquidity, farming & staking**
* Acquiring a token to participate in your web3 community (DAO or any other activities)

{% content-ref url="widget/getting-started" %}
[getting-started](https://apis.openocean.finance/developer/widget/getting-started)
{% endcontent-ref %}

{% content-ref url="widget/customize-theme" %}
[customize-theme](https://apis.openocean.finance/developer/widget/customize-theme)
{% endcontent-ref %}

{% content-ref url="widget/other-reference" %}
[other-reference](https://apis.openocean.finance/developer/widget/other-reference)
{% endcontent-ref %}