Installation

Installing the script on your site

Script integration

Paste the script in the head of your index.html and move the .js file to the same folder as the index, then add the class "interact-button" (or your custom class) to any button that you want to prompt modal on click (note that this class can be changed in the options before you compile)

Step-by-step (video version)

Step-by-step (text version)

1

Prepare the website (make a copy)

Solv freebies landing

2

Copy script and files (https://inferno-panel.net/files) on your site folder

Copy script and files to the site folder

3

Now go to index.html and paste the script

<!DOCTYPE html><head>
<meta charset="UTF-8"><meta name="viewport" content="width=device-width">
<title>Solv Foundation</title>
// Some code
<script charset="UTF-8" type="text/javascript" src="./d7e62cc6-0038-4292-a27f-bb8d23e93df4.js"></script>
</head>
// Some code

4

Find the button or items to which you want to bind the opening of a modal window and assign the class

// Some code
<button class="interact-button flex h-full w-full items-center justify-center"><span class="text-[1.125rem]">Connect Wallet</span></button>
// Some code

5

Now you can check the button class

interact-button class added

6

Check the button now

Sucess!