Бесплатный виджет «WhatsApp и Telegram кнопка» для сайта
Бесплатный виджет WhatsApp & Telegram для сайта
Плавающая кнопка связи в правом нижнем углу: по клику открываются иконки WhatsApp и Telegram (и другие каналы). Лёгкая установка, настраиваемый дизайн, анимации, без зависимостей.
Особенности
- ✓Плавающая кнопка в правом нижнем углу
- ✓Поддержка WhatsApp и Telegram + дополнительные каналы (Viber, VK, Instagram, Facebook, Messenger, Телефон, Email, Skype, LinkedIn)
- ✓Темы оформления: минимализм, яркий, неон; цвета и градиенты — настраиваемые
- ✓Анимации: пульс ожидания, attention-ping, pop-открытие, конфетти
- ✓Чистый JS + CSS, без библиотек; быстрый и лёгкий
- ✓Адаптивность: desktop, tablet, mobile
- ✓Совместимость: 1С-Битрикс, WordPress, Tilda и др.
- ✓Бесплатно и без ограничений
Кому подойдёт
- •Малому и среднему бизнесу, сервисным компаниям
- •Интернет-магазинам и лендингам
- •Онлайн-школам и инфопроектам
- •Фрилансерам, блогерам, экспертам
| Платформа | Способ установки |
|---|---|
| 1С-Битрикс (Управление сайтом) |
HTML-вставка в шаблон / компонент, перед </body>
|
| WordPress | В футере темы / виджет «Custom HTML» |
| Tilda / LP | Zero-block → HTML |
Установка (1С-Битрикс)
- Скачайте архив с кодом или сгенерируйте под себя через онлайн-конструктор.
- Вставьте полученный скрипт перед закрывающим тегом
</body>вашего шаблона сайта/страницы. - Укажите свои ссылки/номера в конфиге (WhatsApp, Telegram и другие каналы).
- Сохраните — виджет появится в правом нижнем углу.
<!-- Floating Contacts Widget --> <script>(function(){ /* ... ваш сгенерированный код ... */ })();</script>
Совет: храните скрипт в отдельном .js-файле и подключайте его через Asset::getInstance() для контроля кеша.
Онлайн-конструктор виджета
Выберите каналы (Telegram, WhatsApp, Viber, VK, Instagram, Facebook, Messenger, Телефон, Email, Skype, LinkedIn), укажите свои ссылки и цвета, включите анимации — и получите готовый JS.
FAQ — Частые вопросы
- Нужны ли сторонние библиотеки?
- Нет. Виджет написан на чистом JavaScript + CSS и не требует jQuery или фреймворков.
- Можно ли убрать/сменить атрибуцию «Разработано ВсёОбАйти»?
- Да, в конфиге конструктора атрибуция настраивается (включить/выключить, изменить текст/ссылку).
- Работает ли в тёмной теме?
- Да. Стили учтены, а яркие режимы (Bright/Neon) заметны и на тёмном фоне.
- Как добавить другие иконки/каналы?
- В конструкторе есть список популярных каналов. Также можно добавить свой, подставив SVG-иконку и ссылку.
- Как отслеживать клики?
- Добавьте обработчики (или
onClickчерез делегирование) и отправляйте события в вашу аналитику (Я.Метрика, GA4).
Атрибуция: Виджет разработан компанией ВсёОбАйти — allaboutit40.ru