# HyperDEX Widget Integration ### HypeDEX widget code for iframe integration Copy paste the widget code to your website \ or app. ``` ``` ### HyperDEX widget code for Button integration Copy paste the widget code to your website \ or app. With Button "Swap": ``` ``` ### Widget Customization and Fee setup Optional parameters of the DEX widget `r= string` - referral address for fees from each Swap `chainId= string` - Network Id (Ethereum: **1**; Polygon: **137**; BNB chain: **56**; Avalanche: **43114**; Fantom: **250**; Celo: **42220**; Optimism: **10** ) `fromTokenId= string` - Token Contract Address `toTokenId= string` - Token Contract Address `darkTheme= boolean` - theme mode (1 - dark mode, 0 - light mode) `closeBtn= boolean` - close button for iframe (1 - yes, 0 - no, modal window) To call the Tab just use its name (Swap, Bridge, Portfolio) in the URL ([https://widget.plasma.finance/bridge](https://widget.plasma.finance/bridge?darkTheme=1)) Example of parameters in the src link: ``` // Example 1 https://widget.plasma.finance/?closeBtn=1&darkTheme=1 // Example 2 https://widget.plasma.finance/?chainId=56&toTokenId=0x8AC76a51cc950d9822D68b83fE1Ad97B32Cd580d&fromTokenId=0xfb288d60D3b66F9c3e231a9a39Ed3f158a4269aA // Example 3 https://widget.plasma.finance/?chainId=56&r=0xba579c9b6a7b178edbcdc158b8eae260491871c8 ``` ### Widget Integration Example Iframe \ SWAP button