🧩Integration

The widget integration is very simple, just a few lines of code, you only need to modify the amount and destination address!

For example:

<div id="pour-button">
    <script src="https://pourmeasol.com/js/pourmeasolv1,1.js"></script>
    <script>
        let amount = 0.01; // SOL amount
        let address = "FD8JiYV6xCRUdMt7b1TDiG29UFeQpywNpJ3gc929xtdt"; // Destination Address
        const pour = new PourMeASol(address, amount);
        pour.render('pour-button'); // element id
    </script>
</div>

Rendered preview:

Example button on your website

After clicking on the button:

Overview of transaction

However, there is an option for customization: button background color, font color on the button, font size on the button (with further expansion based on future needs).

Customization example:

<div id="pour-button">
    <script src="https://pourmeasol.com/js/pourmeasolv1,1.js"></script>
    <script>
        let amount = 0.1; // SOL amount
        let address = "FD8JiYV6xCRUdMt7b1TDiG29UFeQpywNpJ3gc929xtdt"; // Destination Address
        const pour = new PourMeASol(address, amount);
    
        // Customization
        pour.fontColor = "white";
        pour.fontSize = "12px";
        pour.backgroundColor = "#fa6f87";
    
        pour.render('pour-button'); // element id
    </script>
</div>