Эта статья не про то, какие виджеты бывают: обзор с разбором задач есть отдельно. Здесь один конкретный сценарий разобран до деталей: всплывающая форма захвата контакта, самый частый запрос на практике. Если нужен обзор с выбором между чатом, обратным звонком и таймером, начните с обзорной статьи.
Что именно собираем
Компактное окно, которое появляется поверх страницы при определённом условии и предлагает оставить контакт в обмен на что-то: скидку, расчёт, материал. В отличие от формы заявки внизу страницы, этот виджет сам находит момент, чтобы показаться.
Задача статьи: не спроектировать концепцию, а собрать рабочую версию с правильными условиями показа, потому что именно условия чаще всего делают виджет либо полезным, либо раздражающим.
Всплывающая форма: пять шагов
Шаг 1. Выбрать условие показа
Три рабочих варианта, разного назначения.
По времени на странице. Показ через 30–60 секунд после захода. Подходит почти всем сценариям, самый безопасный вариант по умолчанию.
По намерению уйти. Отслеживание движения курсора к верхней границе окна на компьютере: классический признак того, что человек тянется закрыть вкладку. Работает только на десктопе, на телефоне такого сигнала физически нет.
По глубине прокрутки. Показ после того, как человек долистал до определённого процента страницы. Хорошо для длинных посадочных: означает, что человек читает, а не просто зашёл и передумал сразу.
Для мобильной версии оставляйте только показ по времени. Попытки эмулировать «намерение уйти» через движение пальца дают много ложных срабатываний и раздражают сильнее, чем помогают.
Шаг 2. Ограничить частоту
Без этого шага виджет испортит впечатление даже при идеальном содержании.
Одно появление за сессию. Если закрыл, повторно не показывать, пока человек не откроет сайт заново.
Пауза между сессиями. Если закрыл без действия, не показывать снова в течение нескольких дней. Хранится в браузере, простое условие.
Не показывать после отправки. Если контакт уже оставлен, ни в этой сессии, ни в следующих виджет появляться не должен, даже если он ещё технически доступен для настройки.
Шаг 3. Написать содержание
Заголовок: конкретная выгода, не общая фраза. «Ещё думаете? Оставим расчёт с ценами» работает лучше «Не уходите!».
Одно поле. Телефон в большинстве ниш. Имя добавляется только если менеджер реально обращается по нему при звонке.
Кнопка повторяет выгоду из заголовка: «Прислать расчёт», не «Отправить».
Явная кнопка закрытия. Крестик в углу, видимый сразу, без необходимости искать его. Виджет, который сложно закрыть, работает против доверия к сайту сильнее, чем отсутствие виджета вообще.
Шаг 4. Обработать отправку
После заполнения формы окно не должно просто исчезать. Показывайте внутри того же окна короткое подтверждение с ожидаемым сроком ответа, затем закрытие по клику вне окна или через несколько секунд автоматически.
Данные должны уходить сразу в CRM или почту, с пометкой источника «всплывающий виджет»: это отдельная точка входа, и в отчётах её стоит видеть отдельно от основной формы заявки, чтобы понимать, работает ли она вообще.
Шаг 5. Проверить на телефоне отдельно
Три вещи, которые ломаются чаще всего именно на мобильном.
Проверяется вручную на реальном телефоне, а не только в режиме адаптива в браузере на компьютере: часть этих проблем там не видна.
Собрать виджет
Сделай всплывающий виджет захвата контакта для сайта услуг.
Условие показа: через 45 секунд после захода на страницу.
На компьютере дополнительно показывать при движении курсора
к верхней границе окна, если виджет ещё не показывался.
На мобильных версиях действует только показ по таймеру.
Ограничения: не чаще одного раза за сессию. Если закрыт без
действия, не показывать повторно в течение 5 дней (хранить в
браузере). Если форма отправлена, больше не показывать никогда.
Содержание:
заголовок «Ещё думаете? Пришлём расчёт с ценами»
одно поле: телефон
кнопка «Прислать расчёт»
явная кнопка закрытия крестиком в правом верхнем углу окна
После отправки: в том же окне текст «Спасибо, пришлём в течение
часа», закрытие по клику вне окна.
Отправляй заявку на почту и в Телеграм с пометкой источника
«всплывающий виджет».
Окно компактное, не на весь экран даже на телефоне. Кнопка
закрытия должна быть видна сразу, без прокрутки.Что попросить следующим сообщением:
- Не показывай виджет тем, кто уже отправил основную форму заявки на странице
- Добавь второй, более короткий текст заголовка для мобильной версии
- Сделай A/B-вариант с другим текстом кнопки и покажи, какой чаще нажимают
Ошибки именно в этом сценарии
Показ сразу при заходе. Самая частая причина закрытия без чтения. 30 секунд минимум.
Условие «намерение уйти» на мобильном. Технически неработоспособно и часто эмулируется через случайные движения пальца, что даёт мусорные срабатывания.
Повторный показ после отправки. Раздражает больше, чем сам факт всплывающего окна: человек уже дал контакт, а его продолжают спрашивать.
Окно на весь экран телефона без видимого крестика. Вынуждает искать способ закрыть, часть людей просто уходит со страницы вместо этого.
Нет пометки источника в заявке. Без неё невозможно понять, приносит виджет заявки или просто раздражает посетителей без всякого эффекта.
Частые вопросы
Через сколько секунд показывать виджет? 30–60 секунд: рабочий диапазон для большинства сайтов. Меньше воспринимается как навязчивость, а больше означает, что человек может уйти раньше, чем виджет успеет появиться.
Работает ли отслеживание курсора на планшетах? Нет, там тоже нет курсора в привычном смысле. Планшеты стоит обрабатывать как мобильные устройства: показ только по таймеру.
Нужно ли показывать виджет второй раз, если человек вернулся на сайт на следующий день? Обычно да, но с паузой в несколько дней после первого закрытия, не при каждом новом визите. Слишком частый повтор снижает доверие быстрее, чем полное отсутствие виджета.
Как понять, что виджет вообще работает? Сравнить число заявок с пометкой «всплывающий виджет» с числом показов виджета за тот же период. Если конверсия заметно ниже, чем у основной формы на странице, стоит пересмотреть условия показа или текст.
Можно ли сделать несколько разных виджетов для разных страниц? Да, и это скорее правильно: текст и условие показа стоит подстраивать под цель конкретной страницы, а не использовать одну и ту же форму везде.
Коротко
Рабочий виджет захвата контакта строится на пяти решениях: правильное условие показа, ограничение частоты, короткое конкретное содержание, понятная обработка отправки и отдельная проверка на телефоне.
Показ раньше 30 секунд, повторный показ после отправки и попытка эмулировать «намерение уйти» на мобильном: три самые частые причины, по которым виджет начинает мешать вместо того, чтобы помогать.
