Add this to the head tag
<link rel='stylesheet' href='https://widget.kyber.network/v0.7.5/widget.css'>
Add this to the end of body tag.
<script async src='https://widget.kyber.network/v0.7.5/widget.js'></script>
This is the 'Pay with tokens' button, place it anywhere on your webpage. You can add multiple buttons into a same page
<a href='https://widget.kyber.network/v0.7.5/?type=pay&mode=popup&title=Donate%20to%20Fajar%20Purnama&lang=en&receiveAddr=0xCf354A0012160bC5dAe441C49f0B2d7E4A4fFC96&receiveToken=KNC&receiveAmount=1&callback=https%3A%2F%2Fkyberpay-sample.knstats.com%2Fcallback¶mForwarding=true&commissionId=0xCf354A0012160bC5dAe441C49f0B2d7E4A4fFC96&theme=theme-dark' class='kyber-widget-button theme-dark theme-supported' name='KyberWidget - Powered by KyberNetwork' title='Pay with tokens' target='_blank'>Pay with tokens</a>
This is the 'Swap tokens' button, place it anywhere on your webpage. You can add multiple buttons into a same page.
<!-- This is the 'Swap tokens' button, place it anywhere on your webpage --> <!-- You can add multiple buttons into a same page --> <a href='https://widget.kyber.network/v0.7.5/?type=swap&mode=popup&title=Kyber%20Network%20Swap%20Widget&lang=en&callback=https%3A%2F%2Fkyberpay-sample.knstats.com%2Fcallback¶mForwarding=true&commissionId=0xCf354A0012160bC5dAe441C49f0B2d7E4A4fFC96&theme=theme-dark' class='kyber-widget-button theme-dark theme-supported' name='KyberWidget - Powered by KyberNetwork' title='Pay with tokens' target='_blank'>Swap tokens</a>
This is the 'Buy token' button, place it anywhere on your webpage. You can add multiple buttons into a same page.
<a href='https://widget.kyber.network/v0.7.5/?type=buy&mode=popup&title=Buy%20Something&lang=en&receiveToken=KNC&receiveAmount=1&callback=https%3A%2F%2Fkyberpay-sample.knstats.com%2Fcallback¶mForwarding=true&commissionId=0xCf354A0012160bC5dAe441C49f0B2d7E4A4fFC96&theme=theme-dark' class='kyber-widget-button theme-dark theme-supported' name='KyberWidget - Powered by KyberNetwork' title='Pay with tokens' target='_blank'>Buy token</a>
Source: https://developer.kyber.network/docs/WidgetGenerator