Blue Flower

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&paramForwarding=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>
Pay with tokens

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&paramForwarding=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>
Swap tokens

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&paramForwarding=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>
Buy token

Source: https://developer.kyber.network/docs/WidgetGenerator