Кнопка мессенджеров на сайт
Кнопка «Написать нам» для сайта: окно с WhatsApp, Telegram и MAX и QR-кодами. Заполните поля в конструкторе и вставьте готовый код на свой сайт.
Посетитель нажимает на сайте кнопку «Написать нам» и выбирает, где ему удобнее общаться — WhatsApp, Telegram или MAX. С компьютера он нажимает нужную кнопку, а с телефона сканирует QR-код и сразу попадает в переписку с вами.
Обращения приходят в Radist.Online как обычно — отдельно ничего настраивать не нужно.
Соберите свой код
Заполните поля — ниже появится превью и готовый код.
Что указать в полях
- WhatsApp — номер, на который вы принимаете сообщения: только цифры, с кодом
страны и без плюса, например
79991234567. - Telegram и MAX — имя пользователя или бота. «Собачку» и полную ссылку вставлять не обязательно, лишнее уберётся само.
- Текст первого сообщения — необязательное поле. Он подставится в поле ввода, когда клиент нажмёт кнопку с компьютера, и вы сразу поймёте, с какой страницы пришло обращение.
- Текст согласия и ссылка — подставьте адрес своей политики обработки персональных данных.
Ненужный канал можно выключить галочкой — тогда его кнопка и QR-код не появятся.
Как поставить код на сайт
- Нажмите «Скопировать код» в конструкторе.
- Tilda: откройте страницу → «Добавить блок» → «Другое» → блок T123 «HTML-код» → вставьте код и сохраните. Блок можно поставить в самый низ страницы — окно всё равно открывается поверх всего остального.
- Свой сайт или другой конструктор: вставьте код перед закрывающим тегом
</body>либо в блок «HTML-вставка». - Чтобы окно открывала ваша собственная кнопка или картинка, укажите у неё в
поле «Ссылка» адрес
#messenger. Таких кнопок на странице может быть сколько угодно. - Опубликуйте страницу и проверьте результат с компьютера и с телефона.
Частые вопросы
Нужно ли что-то устанавливать на сайт дополнительно? Нет. Картинки и QR-коды лежат внутри самого кода, внешние файлы не подгружаются.
Почему в QR-код не попадает текст первого сообщения? Русский текст сильно увеличивает количество точек в коде, и он перестаёт считываться с экрана. Поэтому в QR-код зашивается только ссылка на чат, а текст подставляется при нажатии кнопки с компьютера.
Что видит клиент с телефона? QR-коды скрываются — они там не нужны, — а кнопки открывают приложение сразу. Подпись над кнопками для телефона задаётся отдельным полем.