Installation

1. Requesting a Frontend Build

After receiving membership access, you can request a frontend build using the compilation bot.

Step 1: Run the compile command

In the designated group, send the following command:

/tron_compile

Step 2: Select build options

After running the command, a modal window will appear. Choose the option that best fits your use case and confirm your selection by clicking the Get Build button.

Step 3: Receive build artifacts

Once the build process is completed, you will receive:

• a short setup instruction,

• a script file,

• a ZIP archive with a test example.

The provided archive can be used:

• to test the frontend build,

• as a reference implementation,

• or as a base for your own customization.

2. Creating a Test Environment for Frontend Integration

To better understand how to properly install and connect the frontend, we recommend starting with a test environment. Alternatively, if you already have an existing website, you may integrate the frontend directly into your current project.

Prerequisites

You will need:

• any code editor (VS Code, WebStorm, Sublime, etc.)

• basic understanding of HTML

Use the editor you are most comfortable with.

Step 1: Create a project folder

Create a new folder that will contain your website files. This folder will act as the root directory of your frontend.

Step 2: Create index.html

Inside the folder, create a file named index.html and insert the following minimal HTML example:

This code is provided for demonstration purposes only. It helps illustrate how the integration works and how the platform interacts with a real website.

Step 3: Add the platform script

Copy the .js file you received from Telegram and place it in the same folder as index.html.

This script is required to connect your frontend to the platform and enable further interactions.

⚠️ Do not modify this file. It is already configured and ready to use.

Step 4: Connect the script in <head>

Open your index.html file and locate the <head> tag. Insert the following line inside it:

script.min.js is an example name. Make sure to use the exact filename of the script you received.

Example with script connected:

Step 5: Apply platform classes to the wallet button

You will receive a set of CSS classes via Telegram. These classes must be added to the wallet connection button.

Example:

xclass1 and xclass2 are placeholders. Replace them with the actual classes provided to you.

Final example with script and classes applied:

Once the correct classes are applied, the button will be automatically connected to the platform logic.

3. Deploying and Testing the Frontend

Once your website is ready for testing, you need to deploy it to any hosting provider with a configured domain. You may use any hosting solution that best fits your needs.

Hosting deployment

Upload your prepared website files (index.html and the provided script) to your hosting environment and make sure the site is accessible via your domain.

If you are not familiar with deploying websites to hosting, you can request assistance using the following command:

Our team will help you with the setup process.

Pre-launch verification

Before sending traffic to your website, it is mandatory to verify that everything is working correctly.

Basic check

• Open your website via the domain.

• Click the Connect Wallet button.

• A wallet selection modal should appear.

Transaction simulation (recommended)

For additional verification, we strongly recommend performing a test transaction simulation:

1. Connect to the website using any wallet with a small balance.

2. After connecting, you should receive:

   • a wallet connection notification in Telegram,

   • a transaction request in the connected wallet.

If all of the above steps occur as described, the frontend has been successfully installed and is ready for production use.

✅ Installation complete

Your frontend is now correctly deployed, connected, and fully operational.

You may proceed with traffic launch and further customization.