โ Widget Integration Methods
Learn how to inegrate Coindisco Widget on your side.
Integration Options
There are three approaches to include the Coindisco Widget in your website, exchange, wallet, or dApp:
Embedding an iFrame
Button opening a new link
๐ผ๏ธ Embedded iFrame
Most partners prefer to keep the checkout experience embedded directly within their own UI. This can be achieved by adding the following iFrame snippet to your codebase:
<iframe src="
https://widget.coindisco.com/?publicKey=pk_prod_01JVMKTMUSMDYW48QCZKSI3HYY
" width="450px" height="600px" ></iframe>
๐ Button Opening a New Link
You can build a button on your side and point it to the Coindisco domain with your public API key included. When clicked, this will open a new tab for the user with a checkout experience hosted on Coindisco.
Example:
<a href="
https://widget.coindisco.com/?publicKey=pk_prod_01JVMKTMUSMDYW48QCZKSI3HYY
" target="_blank" > Buy Crypto </a>
๐ง Opening the Widget with window.open
window.open
In addition to using buttons or iFrames, you can also open the Widget programmatically from your code, this is useful when you want to trigger the checkout flow from a custom event.
Example:
window.open("https://widget.coindisco.com/?publicKey=pk_prod_01JVMKTMUSMDYW48QCZKSI3HYY
", "_blank");
โก Recommended: Use the Widget Customizer
While you can configure the Widget manually via URL parameters, the easiest and fastest way is to use our Widget Customizer. It provides a live preview of your configuration and automatically generates the final embed code.
Try the Widget Customizer here
Last updated