Redirect your users to the widget URL in a new tab
<html>
<a href="<https://global.transak.com/?apiKey=YOUR_PRODUCTION_API_KEY>">
Buy Crypto (Production)</a>
<a href="<https://staging-global.transak.com/?apiKey=YOUR_STAGING_API_KEY>">
Buy Crypto (Staging)</a>
<!-- Production -->
<iframe height="600" title="Transak On/Off Ramp Widget (Website)" src="<https://global.transak.com?apiKey=YOUR_PRODUCTION_API_KEY>" frameborder="no" allowtransparency="true" allowfullscreen="" style="display: block; width: 100%; max-height: 550px; max-width: 450px;"></iframe>
<!-- Staging -->
<iframe height="600" title="Transak On/Off Ramp Widget (Website)" src="<https://staging-global.transak.com?apiKey=YOUR_STAGING_API_KEY>" frameborder="no" allowtransparency="true" allowfullscreen="" style="display: block; width: 100%; max-height: 550px; max-width: 450px;"></iframe>
</html>
You can pass several arguments as query parameters to customize the widget further.
Follow the below link to get the API Key
Using the WebSocket you can track the order easily