Comment on page
Widget v1
Uniramp facilitates widget customization tailored to your preferences, offering seamless integration with your website/web app.
Once you've customized the widget in line with your preferences, your personalized code will be displayed beneath the 'INSTALLATION' heading as an <iframe>. To embed this widget into your product, comply with the following steps:
1. Select the 'Copy' button to duplicate the entire code snippet.
2. Paste this copied code into the specific location within your product's code where you want the widget to appear, maintaining its format as an <iframe>.
Example:
<iframe title='uniramp' src='https://v1.uniramp.com/widget.html?theme=light&colBg=FFFFFF&colBtn=241D1C&token=eth&chain=eth&apiKey=
' style='width: 372px; height: 518px; border: none; border-radius: 8px;'></iframe>
For a detailed understanding of the functionalities provided by each configuration type, refer to the sections below. Changes applied to any of these settings will immediately reflect on the widget preview to the right.
You can easily switch between Light and Dark themes for your customized widget. Click on the dropdown icon located on the right-hand side of the Theme box and select your preferred style.
There are multiple methods to modify the background colour of your widget. To begin, click on the colour bar situated below the 'Background Color' label. You can then choose your preferred background colour using any of the following techniques:
- Select your chosen colour from the horizontal colour bar and subsequently select your desired shade from the box located above the bar.
- Input the RGB values in the respective text boxes below and press enter.
- Choose different colour input types (RGB, HSL, HEX) by clicking on the currently active type and changing it. Input your preferred values after selecting the desired input type.
- Input the RGB values in the respective text boxes below and press enter.
- Choose different colour input types (RGB, HSL, HEX) by clicking on the currently active type and changing it. Input your preferred values after selecting the desired input type.
Similar to the Background Color, there are multiple methods to modify the colour of the “Connect Wallet” Button on your widget. You can then choose your preferred colour using any of the following techniques:
- Select on your chosen colour from the horizontal colour bar and subsequently select your desired shade from the box located above the bar.
- Input the RGB values in the respective text boxes below and press enter.
- Choose different colour input types (RGB, HSL, HEX) by clicking on the currently active type and changing it. Input your preferred values after selecting the desired input type.
For specifying a default cryptocurrency token to be displayed on your widget, begin by clicking on the dropdown menu situated underneath the 'Select Token' label. Subsequently, select the appropriate chain from the dropdown list. Following that, either search for or select your preferred cryptocurrency token from the provided list. This token will then become the default cryptocurrency displayed on your custom Uniramp widget.
Last modified 1mo ago