Messenger button for your site

A “Message us” button for your site: a window with WhatsApp, Telegram and MAX plus QR codes. Fill in the builder and paste the ready-made code into your site.

A visitor clicks the “Message us” button on your site and picks whichever messenger suits them — WhatsApp, Telegram or MAX. On a computer they click the button they need; on a phone they scan a QR code and land straight in a chat with you.

The buttons lead to your usual chats. If those numbers and accounts are connected to Radist.Online, the conversation lands in your CRM together with the rest — there is nothing extra to set up for the button.

Build your code

Fill in the fields right here — the “How it will look” block shows the result at once, and the “Code to paste into your site” block below it gives you the ready-made code with the “Copy the code” and “Download as a file” buttons.

The preview is live: the buttons work, the window closes with the cross and opens again, and the “Computer / Phone” switch shows both views. That way you can check the behaviour before the code goes to your site.

What to put in the fields

Communication channels

Every channel is switched on with a checkbox. Turn off the ones you do not need — their button and QR code will not appear.

• WhatsApp → Phone number — the number you receive messages on: digits only, with the country code and no plus sign, for example 79991234567. The builder shows under the field which number will end up in the link — check that it is yours.
• Telegram — a username, a bot name or a phone number. You do not have to strip the “@” or the full link, the extra part is removed automatically.
• MAX — a bot name, for example id1686013002_3_bot. A number-based account has no username: open your profile in MAX, copy the link that looks like https://max.ru/u/f9LHod… and paste it whole, without cutting anything off. MAX has no phone-number links — a phone number in this field will not work, and the builder warns about it under the field.
• First message text — an optional field. It is prefilled in the input box when the client clicks the button on a computer, so you immediately see which page the enquiry came from. This text is not embedded in the QR code.

Texts

This is what the visitor sees in the window:

• the Title of the window;
• Caption above the buttons — on a computer;
• Caption above the buttons — on a phone (set separately: there are no QR codes on a phone, so telling people to scan one makes no sense there);
• Caption above the QR codes;
• Consent text, Link text and Link URL — put in the address of your own personal data processing policy.

Settings

• show the QR codes or leave them out;
• a round button in the corner of the screen and its appearance animation;
• Anchor for the button on your site — messenger by default. This is the word you then use in the link of your own button (see step 4 below).

How to add the code to your site

1. Click “Copy the code” in the “Code to paste into your site” block above. If it is easier to hand the code over to a developer or a content manager, click “Download as a file”.
2. Tilda: open the page → “Add block” → “Other” → the T123 “HTML code” block. Paste the code and save. The block can sit right at the bottom of the page — the window still opens on top of everything.
3. Your own site or another builder: paste the code before the closing </body> tag or into an “HTML embed” block.
4. To make your own button or image open the window, set its “Link” field to #messenger. You can have as many such buttons on the page as you like.
5. Publish the page and check the result from a computer and from a phone.

Frequently asked questions

Do I need to install anything else on my site? No. The images and QR codes live inside the code itself — there are no separate files to upload. The only thing loaded from outside is the font of the button labels; if it is unavailable, the labels fall back to a standard font and the window works as usual.

Why is the first message text missing from the QR code? Text makes the code much denser, and it stops being readable from a screen. That is why only the chat link is embedded in the QR code, while the text is prefilled when the button is clicked on a computer.

What does a client see on a phone? The QR codes are hidden — they are not needed there — and the buttons open the app straight away. The caption above the buttons for phones is set in a separate field of the builder.

Will the enquiries arrive in Radist.Online? The buttons lead to your usual chats. If the number and the accounts are connected to Radist.Online, the conversation lands in your CRM together with the rest — there is nothing extra to set up for the button.

What if the number or the account changes? Build the code in the builder again and replace the old block on your page with it. The code is static: it does not update itself once you have pasted it.