Виджетом называют небольшой самостоятельный блок на сайте, который решает одну узкую задачу и не требует переделки всей страницы: всплывающая форма, кнопка чата, счётчик обратного отсчёта, плавающая панель отзывов. В отличие от формы заявки или калькулятора, виджет обычно накладывается поверх готового сайта, а не встраивается в его структуру.
Разбираем по задачам, а не по названиям, потому что виджеты с разными именами часто решают одно и то же, и наоборот.
Зачем вообще нужны виджеты
Основной сайт обычно статичен: человек листает и либо доходит до формы внизу, либо уходит раньше. Виджет ловит намерение в момент, когда оно возникло, вместо того чтобы ждать, что человек долистает до нужного блока сам.
Второй смысл в том, чтобы снизить порог первого контакта. Написать в чат проще, чем заполнить форму. Оставить телефон для обратного звонка проще, чем звонить самому. Виджет предлагает более лёгкое действие взамен того, что человек, возможно, не сделал бы вообще.
Виджеты по задачам
Захват контакта до ухода
Что делает. Показывается, когда посетитель собирается закрыть вкладку или подолгу бездействует, и предлагает оставить контакт со скидкой или предложением.
Когда работает. На сайтах с высоким процентом уходов без действия: интернет-магазины, инфопродукты, блоги с подпиской.
Когда не работает. На узких B2B-сайтах, где решение принимается не за одно посещение. Всплывающее окно с призывом «не уходите» выглядит там неуместно и может испортить впечатление о бренде.
Риск. Если виджет появляется сразу при заходе на сайт, это раздражает и повышает отказы. Задержка в 30–60 секунд или срабатывание по движению курсора к кнопке закрытия работают заметно мягче.
Как собрать именно этот виджет со всеми условиями показа и защитой от навязчивости, разобрано пошагово в отдельной статье.
Обратный звонок
Что делает. Кнопка, обычно в углу экрана: человек оставляет номер, ему перезванивают в течение нескольких минут.
Когда работает. В нишах, где решение чаще принимается по телефону, чем через переписку: услуги, ремонт, юридическая помощь.
Когда не работает. Если реальное время дозвона больше заявленного. Обещание перезвонить за пять минут при фактическом часе ожидания работает против доверия сильнее, чем отсутствие кнопки вообще.
Чат и мессенджер
Что делает. Открывает переписку прямо на сайте или переводит в Telegram, WhatsApp, VK.
Когда работает. Везде, где есть кто-то, готовый отвечать быстро. Особенно хорошо для аудитории, которая избегает звонков.
Когда не работает. Если чат подключён, а отвечать некому. Виджет с иконкой чата, на который никто не реагирует часами, хуже отсутствия чата: человек уже совершил действие и не получил ответа.
Отдельный момент. Автоматическое приветствие через несколько секунд после захода на сайт повышает число открытий чата, но должно быть по делу, а не общим «чем можем помочь».
Онлайн-консультант с ботом
Что делает. Отвечает на типовые вопросы автоматически, сложные передаёт человеку.
Когда работает. При большом потоке однотипных вопросов: режим работы, стоимость доставки, наличие товара.
Когда не работает. Если бот пытается закрыть все вопросы сам и не даёт лёгкого перехода к живому человеку. Это раздражает больше, чем отсутствие автоматизации.
Социальное доказательство
Что делает. Всплывающие уведомления вида «Анна из Москвы только что оставила заявку», отзывы, счётчики купивших.
Когда работает. На страницах с высокой конкуренцией и решением, требующим уверенности: курсы, услуги, товары с выбором из многих похожих.
Когда не работает и когда вредит. Если данные придуманы, а не реальны. Это быстро считывается и подрывает доверие ко всему остальному на странице сильнее, чем отсутствие такого блока.
Таймер и ограничение
Что делает. Обратный отсчёт до конца акции, счётчик оставшихся мест или товара.
Когда работает. При честном ограничении: реальный дедлайн акции, реальный остаток мест.
Когда не работает. Если таймер обнуляется при обновлении страницы. Один такой случай, замеченный посетителем, обесценивает все дальнейшие ограничения на сайте, включая настоящие.
Плавающая панель навигации
Что делает. Закреплённое меню быстрых ссылок: к прайсу, к форме, к отзывам, кнопка звонка.
Когда работает. На длинных посадочных страницах, где нужный блок иначе пришлось бы искать прокруткой.
Когда не работает. На коротких страницах, где панель просто дублирует то, что и так под рукой.
Виджет отзывов и рейтинга
Что делает. Показывает актуальные отзывы с внешних площадок или собственные, часто с рейтингом.
Когда работает. Для решений с высоким риском ошибки: услуги, дорогие товары, всё, что сравнивают перед покупкой.
Требование. Отзывы должны обновляться. Виджет с одними и теми же тремя отзывами полгода подряд выглядит мёртвым.
Как выбрать, а не собрать все сразу
Частая ошибка: поставить пять виджетов одновременно, потому что каждый по отдельности звучит полезно. На практике они начинают конкурировать за внимание и за место на экране, особенно на телефоне.
Три правила отбора.
Один виджет: одна главная задача страницы. Если задача страницы в том, чтобы вызвать звонок, ставьте обратный звонок или чат, а не оба сразу с разным приоритетом.
Соответствие реальному ресурсу. Чат ставится, только если есть кто отвечать быстро. Обратный звонок ставится, если дозвон действительно занимает заявленное время. Виджет обещает то, что стоит за ним сдержать.
Не больше двух одновременно видимых. Плавающая кнопка чата и панель навигации уже составляют предел для одного экрана, особенно на мобильном, где пространство ограничено сильнее всего.
Мобильная версия: не мелочь, а половина случаев
Больше половины трафика на посадочные приходит с телефонов, и там у виджетов другая логика.
Всплывающее окно на весь экран телефона без удобной кнопки закрытия часто становится причиной ухода. Плавающие кнопки в углу экрана могут перекрывать кнопку «Позвонить» в шапке сайта или закрывать текст при прокрутке. Каждый виджет нужно проверять отдельно на телефоне, не полагаясь на то, что если хорошо смотрится на компьютере, то хорошо и везде.
Как собрать
Готовые виджеты сторонних сервисов. Вставляются скриптом, для чата и обратного звонка это самый быстрый путь. Минус: логика и внешний вид ограничены настройками сервиса, изменить сценарий срабатывания часто нельзя.
Встроенные блоки конструктора сайта. Обычно закрывают базовые случаи: всплывающая форма, панель навигации.
Собрать свою логику. Нужно, когда требуется нестандартное условие показа, сочетание нескольких виджетов в одной логике или связка с CRM напрямую.
Собрать этот виджет
Сделай плавающий виджет захвата контакта для сайта услуг.
Появление: через 40 секунд после захода на страницу или при
движении курсора к верхней границе окна на компьютере
(намерение закрыть вкладку). На мобильных версиях — только по
таймеру, без отслеживания курсора.
Показывать не чаще одного раза за посещение. Если человек
закрыл виджет, не показывать повторно эту сессию.
Содержание: заголовок «Ещё думаете? Оставьте телефон — пришлём
подборку с ценами», поле для телефона, кнопка «Отправить».
После отправки: сообщение «Спасибо, пришлём в течение часа»
внутри того же окна, закрытие по клику вне окна.
Оформление компактное, не на весь экран, с явной кнопкой
закрытия в углу. На телефоне окно не должно перекрывать кнопку
звонка в шапке сайта.
Заявку отправляй на почту и дублируй в Телеграм.Что попросить следующим сообщением:
- Не показывай виджет тем, кто уже заполнил форму заявки на сайте
- Добавь второй вариант текста для мобильной версии, короче
- Сделай так, чтобы виджет не появлялся повторно в течение 7 дней после закрытия
Ошибки
Виджет появляется сразу при заходе. Человек ещё не понял, о чём сайт, а его уже просят оставить контакт. Задержка снимает эту проблему.
Пять виджетов одновременно. Плавающая кнопка чата, панель навигации, всплывающее окно и таймер акции конкурируют за один и тот же угол экрана.
Виджет подключён, а отвечать некому. Чат без ответа хуже отсутствия чата: человек уже совершил действие и остался без реакции.
Придуманные данные в социальном доказательстве. Считывается быстро и подрывает доверие сильнее, чем его полное отсутствие.
Таймер, который обнуляется. Разрушает доверие ко всем дальнейшим ограничениям на сайте.
Не проверено на телефоне. Виджет, перекрывающий контент или кнопку звонка на мобильном, теряет больше, чем приносит на десктопе.
Частые вопросы
Сколько виджетов ставить на сайт? Не больше двух одновременно видимых. Больше начинают конкурировать за внимание и за место на экране, особенно на телефоне.
Виджет захвата контакта раздражает посетителей? Раздражает при раннем появлении и при агрессивной частоте показа. С задержкой в 30–60 секунд и показом не чаще раза за посещение реакция обычно нейтральная.
Что важнее: чат или обратный звонок? Зависит от аудитории и от того, кто быстрее реагирует на вашей стороне. Если отвечать в чате некому, а перезвонить есть кто, берите обратный звонок, и наоборот.
Нужен ли виджет, если на сайте уже есть форма заявки? Виджет решает другую задачу: ловит контакт до того, как человек долистал до формы или собрался уходить. Они не заменяют друг друга, а работают на разных этапах внимания.
Как быстро можно собрать виджет? На простой виджет захвата контакта уходит около получаса при готовом сценарии показа. Основное время тратится на подбор условий появления, а не на саму форму.
Коротко
Виджеты решают узкие задачи: захват контакта, консультацию, доверие или навигацию. Выбирать стоит по задаче страницы, а не ставить все виды сразу: больше двух одновременно видимых виджетов начинают мешать друг другу.
Любой виджет обещает то, что должно быть подкреплено реальным ресурсом: если обещан быстрый ответ в чате или дозвон за пять минут, за виджетом должен стоять кто-то, кто это сдержит. И обязательно проверяйте на телефоне отдельно от компьютера: это половина трафика с другой логикой поведения.
