Генератор кода виджета
Будет использоваться ссылка
https://wa.me/<номер>?text=...Этот текст идёт в WhatsApp и (если возможно) в Telegram.
Ссылка для Telegram:
https://t.me/ИДЕНТИФИКАТОР?text=...
(если номер — добавим + перед ним; если ник оканчивается на bot — параметр ?text не добавляем).
Сниппет ниже можно вставлять на сайт как есть.
Предпросмотр имитирует позиционирование внутри рамки. На сайте иконки будут фиксироваться к краям окна.
Иконки берутся из публичных CDN при вставке на сайт, их можно заменить на свои.
Соберите виджет связи за минуту: введите номер WhatsApp, @ник или телефон для Telegram, приветственный текст — и получите готовый сниппет без изменения стилей. Работает на Tilda и любом HTML-сайте.
Инструкция по установке
На Tilda
Вариант A — через HTML-блок (точечно на одной странице или на странице Footer):
- В редакторе страницы нажмите «+ Добавить блок».
- Раздел «Другие» → блок T123 HTML.
- Вставьте сгенерированный код из генератора целиком ( <style>…</style> и два <div class="outer…">…).
- «Сохранить» → «Опубликовать». Готово.
Вариант B — на всех страницах сайта:
- «Настройки сайта» → «Дополнительный код».
- В поле Перед </body> вставьте сгенерированный фрагмент.
- Сохраните и переопубликуйте сайт/страницы.
Этот способ добавит виджет глобально. Если виджет нужен только на отдельных страницах — используйте вариант A.
На любой другой сайт (любой HTML)
- Откройте HTML-файл нужной страницы.
- Вставьте сгенерированный код внутрь <body>, ближе к концу (перед </body>). Так стили и элементы загрузятся корректно.
- Сохраните файл и обновите страницу на сервере/в CMS.
- Проверьте: иконки WhatsApp/Telegram должны появиться внизу справа (позиционирование фиксированное).
Примечания:
- Виджет использует внешние SVG-иконки по HTTPS; на сайте должен быть включён HTTPS (обычно по умолчанию).
- Если на странице есть свои элементы с position: fixed в тех же углах, убедитесь, что они не перекрывают кнопки (или отредактируйте отступы right/left).
- Telegram не поддерживает автоподстановку текста в поле ввода. Для @username/бота открывается профиль/бот; для номера — схема tg://resolve?phone=… (нужно установленное приложение).
- В WhatsApp текст передаётся через https://wa.me/<номер>?text=<…>; номер — без «+», пробелов и скобок.