Widget Customizer Guide
Guide on using Coindisco Widget Customizer
The Widget Customizer allows you to visually configure your Coindisco widget without writing any code.
Right side: Live Preview of how your widget will look after applying settings.
Left side: The Options Panel, divided into two groups — Technical Settings and UI Settings.
Widget Configuration
This section contains three core parameters and a reset button.
Environment
Choose between Production and Test.
Production is selected by default.
When switching to Test, you’ll see a message in the preview that all transactions are simulated.
Use Test mode for development and Production mode for live transactions.
Mode
Defines what operations your widget supports:
Buy – users can purchase crypto.
Sell – users can sell crypto.
Buy & Sell – both directions enabled.
Public Key
Enter your API key (public key) obtained from Coindisco.
Production keys start with
PK_prod_...Test keys start with
PK_test_...
The correct key must match the selected environment.
Use Reset Changes to clear your selections.
Include / Exclude Settings
These options allow fine-tuning of which assets, payment methods, and currencies are visible or hidden in your widget.
Exclude Cryptoassets
Select assets you do not want to offer.
All assets are available by default.
Use search or “Select All” to exclude multiple items.
Include Cryptoassets
Select assets you want to offer.
Works the same as above but includes only the chosen ones.
Exclude Payment Methods
Define which payment methods will not appear to users.
Include Payment Methods
Select payment methods that will be available in the widget.
Exclude Fiat Currencies
Choose which fiat currencies users cannot select.
Include Fiat Currencies
Choose which fiat currencies will be available.
You can Select All or choose individually via search.
🖌️ UI Settings
The UI Settings section defines the visual appearance of your widget — colors, theme, and layout.
Custom Theme
Manually configure the widget’s look by setting color codes for elements such as:
Background color
Border color
Button background color
Error color
Focus color
and many more…
To edit a color:
Select the element you want to change.
Click Edit.
Enter a HEX or RGB color code.
The preview updates instantly.
✅ Final Step — Get Widget URL
Click the green “Get Widget URL” button (bottom-right corner).
The system generates a Widget URL that includes all your chosen parameters.
Copy this URL and:
Embed it in your website (e.g., as an ), or
Use it as a redirect link in your app or wallet.
This URL makes your configured widget ready for immediate use — anywhere you need it.
🧾 Summary
Technical Settings
Define the widget’s environment, keys, assets, currencies, networks, providers
UI Settings
Customize visuals: theme, colors, layout
Widget URL
Final output containing all selected parameters
Your configured widget is now ready to integrate seamlessly into your website or application.
Last updated