🧩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:

<script src="https://solcoffee.io/js/solcoffee.latest.js"></script>
<script>
    let amount = 0.1; // SOL amount
    let address = "FD8JiYV6xCRUdMt7b1TDiG29UFeQpywNpJ3gc929xtdt";
    const coffee = new SolCoffee(address, amount);
    coffee.render('solcoffee-button'); // element id
</script>
<div id="solcoffee-button"></div>

Rendered preview:

After clicking on the button:

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:

<script src="https://solcoffee.io/js/solcoffee.latest.js"></script>
<script>
    let amount = 0.1; // SOL amount
    let address = "FD8JiYV6xCRUdMt7b1TDiG29UFeQpywNpJ3gc929xtdt";
    const coffee = new SolCoffee(address, amount);
    
    // Customization
    coffee.fontColor = "white";
    coffee.fontSize = "12px";
    coffee.backgroundColor = "#fa6f87";
    
    coffee.render('solcoffee-button'); // element id
</script>
<div id="solcoffee-button"></div>

⚠️ Important notices:

• Functionality restricted to websites using only HTTPS protocol!

• The supported amount must be a minimum of 0.001 SOL, and currently a maximum of 10 SOL is allowed!

• Exploiting bugs, abusing the system, or deceiving others will result in domain/IP restrictions!