Посетитель зашёл на ваш сайт, всё понравилось, но написать вам он хочет там, где ему удобно — в WhatsApp, Telegram или просто позвонить. Если этих кнопок нет под рукой, он уходит. Виджет обратной связи решает проблему: небольшая всплывающая кнопка в углу сайта, за которой прячутся QR-код и все ваши мессенджеры. Разберём, как это устроено и как поставить за пять минут.
Всё, что видит посетитель до клика, — одна кнопка в углу.
Что такое виджет обратной связи
Это плавающая кнопка-«пузырёк» в углу сайта. Посетитель нажимает — открывается аккуратное окно, в котором:
- QR-код — чтобы перенести диалог со своего компьютера на телефон одним сканированием;
- кнопки мессенджеров — WhatsApp, Telegram, Max, VK и произвольные ссылки (до 5 кнопок);
- кнопка звонка — если указан телефон.
На десктопе окно открывается по центру, на телефоне — удобной «шторкой» снизу. Оформление подстраивается под ваш сайт, а кнопки мессенджеров сохраняют фирменные цвета: зелёный WhatsApp, голубой Telegram, фиолетовый Max. Так посетитель находит нужный канал боковым зрением, не читая подписи. Сама плавающая кнопка по очереди показывает логотипы подключённых мессенджеров и перекрашивается вместе с ними — понятно, что за ней, ещё до клика.
QR-код и все каналы связи в одном окне.
Зачем это бизнесу
- Меньше потерянных обращений. Человек связывается там, где ему привычно, а не ищет контакты по всему сайту.
- Мост между экраном и телефоном. Сидит за ноутбуком — сканирует QR и продолжает диалог в телефоне уже на ходу. Страница, которая открывается после сканирования, создаётся автоматически: те же кнопки и телефон, ничего отдельно делать не нужно.
- Все каналы в одном месте. Не нужно вешать пять разных кнопок по всему сайту.
- Работает на любом сайте. Тильда, WordPress, самописный сайт, лендинг — виджет не зависит от платформы.
Чем это удобнее обычных кнопок мессенджеров
Готовые «иконки мессенджеров» есть во многих конструкторах, но они статичны: набор кнопок зашит намертво, нельзя посмотреть, сколько людей нажимает, и нет QR для перехода на телефон. Виджет QRsir — это отдельный управляемый инструмент: набор кнопок, цвета, тексты и телефон вы меняете в кабинете, а сервис считает показы, клики и сканирования.
Как добавить виджет на сайт: пошагово
- Войдите в QRsir и откройте раздел «Виджеты».
- Создайте виджет: задайте заголовок и описание, добавьте кнопки мессенджеров (просто имя пользователя или номер — сервис сам соберёт правильную ссылку), укажите телефон.
- Настройте вид: цвета под ваш бренд, положение кнопки (слева или справа снизу), подпись у QR-кода.
- Скопируйте одну строку кода — это тег
<script>, который сервис выдаёт для вашего виджета. - Вставьте её в код сайта перед закрывающим тегом
</body>(в конструкторах — блок «HTML-код» или «Скрипты в футер»). Готово.
Программист для этого не нужен — вставка одной строки доступна в любом конструкторе сайтов. Все дальнейшие правки — кнопки, тексты, цвета, настройки показа — делаются в кабинете, код на сайте больше трогать не придётся.
Виджет можно показывать не всем и не всегда
Чтобы виджет помогал, а не раздражал, у него есть настройки показа:
- отсрочка запуска — кнопка появляется через 5, 10, 15, 30 или 60 секунд, когда человек уже вчитался в страницу;
- выбор страниц — только на нужных адресах или, наоборот, везде, кроме указанных: например, скрыть виджет в корзине;
- устройства — отдельно для компьютеров и телефонов;
- график работы — дни недели, время и часовой пояс: вне рабочих часов виджет не показывается, и обещание «ответим сейчас» остаётся правдой;
- перехват уходящих — если посетитель уводит курсор к крестику вкладки, окно открывается само (один раз за визит, только на компьютерах).
Виджетов можно создать сколько угодно — по одному на каждую посадочную страницу или рекламную кампанию, с разными предложениями и своими правилами показа. Подробнее об этом — в статье «Виджет на сайт как инструмент маркетинга».
Не сломает ли виджет мой сайт
Нет. Окно виджета загружается в изолированном контейнере (iframe), поэтому его стили и скрипты не пересекаются с вашим сайтом — ничего не «поедет». Скрипт подключается асинхронно и не задерживает загрузку страницы. Если виджет отключить в кабинете, скрипт просто перестанет что-либо показывать и не выдаст ошибок.
Виджет умеет считать эффективность
Как и динамические QR-коды, виджет ведёт статистику. В кабинете есть отдельная страница: сколько раз окно открывали, по каким кнопкам кликали, сколько человек отсканировали QR, в какие часы к вам обращаются чаще. Так видно, каким каналом связи люди пользуются на самом деле — и можно оставить в виджете именно то, что работает.
Если на сайте стоит Яндекс.Метрика, виджет отправляет в неё события: открытие окна, клики по каждому мессенджеру, звонок, сканирование QR. Достаточно создать цели типа «JavaScript-событие» — и обращения из виджета станут полноценными конверсиями в отчётах и в рекламных кампаниях.
Коротко
Виджет обратной связи собирает QR-код и все мессенджеры в одно всплывающее окно, ставится одной строкой кода на любой сайт, показывается по вашим правилам и считает клики. Это простой способ не терять обращения от посетителей, готовых написать вам прямо сейчас. Все возможности собраны на странице виджета.