Всплывающие окна на сайте: когда приносят заявки, а когда прогоняют посетителей

Всплывающие окна вызывают у многих владельцев сайтов противоречивые чувства. С одной стороны, каждый видел, как окно с предложением скидки или обратного звонка приносит дополнительные заявки. С другой — каждый сам закрывал сайт, на котором через три секунды после входа экран перекрывало окно, а потом ещё одно, а потом чат. Истина посередине: всплывающее окно — это инструмент, который может и увеличить поток обращений, и отпугнуть людей, уже готовых купить. В этой статье разберём, от чего зависит результат, как настраивать окна, чтобы они работали на заявки, и как проверять их пользу цифрами, а не ощущениями.

Что считать всплывающим окном

Под всплывающими окнами обычно понимают любые элементы, которые появляются поверх содержимого страницы без прямого запроса посетителя. Это классические окна по центру экрана с затемнением фона, выезжающие панели снизу или сбоку, полоски вверху страницы, окна при попытке уйти с сайта, приглашения в чат с сообщением от «консультанта», предложения подписаться на рассылку, запросы на отправку уведомлений.

Отдельно стоит упомянуть виджеты обратного звонка, которые предлагают перезвонить за тридцать секунд. Их ставят с помощью сервисов вроде Энвибокса или Каллибри, и они тоже часто работают как всплывающие окна: появляются сами по таймеру или при определённом поведении посетителя.

Все эти элементы объединяет одно: они прерывают то, что человек делал на странице. И именно в этом прерывании кроется и сила, и опасность. Если прерывание уместно и полезно — посетитель благодарен и оставляет заявку. Если нет — раздражается и уходит.

Почему окна вообще приносят заявки

Большинство посетителей сайта не готовы оставить заявку сразу. Они сравнивают, изучают цены, читают о компании, открывают несколько вкладок с конкурентами. Значительная часть уходит, так и не связавшись ни с кем. Всплывающее окно даёт шанс поймать человека, который колеблется: предложить ему простой следующий шаг, который требует меньше усилий, чем звонок или заполнение длинной формы.

Хорошее окно снимает барьер. Например, человек изучает страницу услуги, но не понимает, сколько это будет стоить в его случае. Окно «Рассчитаем стоимость за пять минут — оставьте телефон» отвечает на его невысказанный вопрос. Или посетитель собирается уйти, и окно предлагает получить подборку примеров работ или прайс в мессенджер — ему не нужно звонить и разговаривать, достаточно нажать кнопку.

Работает и эффект внимания. Кнопку «Заказать звонок» в шапке сайта многие просто не замечают: глаз привыкает к стандартным элементам и пропускает их. Окно, появившееся в нужный момент, привлекает внимание к возможности связаться, о которой человек мог не подумать.

Почему окна прогоняют посетителей

Обратная сторона — раздражение. Самая частая ошибка — окно, которое появляется сразу при входе на сайт. Человек ещё не понял, куда попал, не прочитал ни строчки, а его уже просят оставить телефон или подписаться на рассылку. Это как продавец, который бросается к покупателю у самого входа в магазин. Многие в такой ситуации просто разворачиваются.

Вторая ошибка — окна, которые сложно закрыть. Крестик мелкий, бледный или спрятан в углу, на телефоне он оказывается за пределами экрана. Посетитель пытается закрыть окно, попадает мимо, случайно нажимает на кнопку и попадает на другую страницу. После такого опыта шанс получить от него заявку падает почти до нуля.

Третья ошибка — навязчивость. Окно появляется на каждой странице, после закрытия возвращается через минуту, к нему добавляется чат с автоматическим сообщением, а потом запрос на уведомления. Посетитель чувствует, что его не уважают, и уходит к конкуренту, у которого можно спокойно почитать.

Четвёртая ошибка — несоответствие окна странице. Человек читает о ремонте кровли, а окно предлагает скидку на остекление балконов. Такое окно не просто бесполезно — оно создаёт ощущение, что компания не понимает, что нужно клиенту.

Мобильные устройства: отдельные правила

На телефоне всплывающее окно занимает почти весь экран. То, что на компьютере выглядит как небольшое предложение сбоку, на смартфоне полностью закрывает содержимое. Поэтому правила для мобильной версии должны быть строже.

Во-первых, на телефоне лучше отказаться от окон по центру экрана в пользу небольших панелей снизу, которые не мешают читать. Во-вторых, кнопка закрытия должна быть крупной, заметной и находиться в пределах экрана при любой ориентации. В-третьих, окна на мобильных стоит показывать реже и позже, чем на компьютере.

Есть и технический аспект. Поисковые системы, включая Яндекс, учитывают удобство страниц на мобильных устройствах. Если окно закрывает содержимое сразу при загрузке, это ухудшает впечатление от сайта, и посетители из поиска чаще возвращаются к результатам. Это снижает поток заявок из поиска не из-за формальных санкций, а просто потому, что люди уходят.

Нужно учитывать и скорость. Сторонние скрипты виджетов загружаются дополнительно и могут замедлять открытие страницы, особенно на мобильном интернете. Если окно заметно тормозит сайт, выигрыш от дополнительных заявок может съесться потерей посетителей, которые не дождались загрузки.

Когда и как показывать окно

Главный принцип — окно должно появляться тогда, когда посетитель уже проявил интерес. Признаков интереса несколько. Человек провёл на странице достаточно времени, чтобы прочитать хотя бы первый экран — обычно это тридцать-шестьдесят секунд, но оптимальное значение стоит проверять на своём сайте. Человек прокрутил страницу до середины или до блока с ценами. Человек открыл уже вторую или третью страницу сайта. Человек собирается уйти — на компьютере это определяется по движению курсора к закрытию вкладки.

Окно при попытке ухода — один из самых мягких вариантов. Посетитель уже решил уйти, и окно не мешает ему изучать сайт. Если предложение в окне полезное, часть людей останется и оставит контакт. На мобильных устройствах определить попытку ухода сложнее, поэтому там используют другие сигналы — например, быструю прокрутку вверх.

Частота показа тоже важна. Если человек закрыл окно, не стоит показывать его снова в том же визите. Разумно выждать несколько дней. А тем, кто уже оставил заявку, окно показывать не нужно вовсе — это раздражает и выглядит так, будто компания не заметила обращения.

Что предлагать в окне

Содержание окна важнее его дизайна. Предложение должно быть конкретным, полезным и соответствовать странице, на которой находится посетитель. Общее «Оставьте заявку, и мы вам перезвоним» работает слабо: непонятно, зачем перезванивать и что человек получит.

Хорошо работают предложения, которые снимают конкретную неопределённость: расчёт стоимости для конкретного случая, подбор решения под задачу, консультация специалиста по конкретному вопросу, бесплатный выезд на замер, примеры выполненных работ в похожей ситуации. Каждое из них даёт человеку понятную выгоду в обмен на контакт.

Скидки и подарки тоже работают, но с осторожностью. Если окно с десятипроцентной скидкой появляется у всех, скидка фактически становится постоянной ценой, и вы теряете маржу на тех, кто купил бы и без неё. Лучше использовать скидки точечно — например, только при попытке ухода или только на определённых страницах.

Форма в окне должна быть минимальной. Телефон или один выбор способа связи — Ватсап, Телеграм, звонок. Каждое дополнительное поле снижает число заявок. Имя, адрес, подробности — всё это менеджер выяснит при разговоре.

Как проверить, помогает окно или вредит

Ощущения здесь обманчивы. Владелец видит, что через окно пришло двадцать заявок за месяц, и радуется. Но что, если без окна эти же люди оставили бы заявку через обычную форму, а ещё десять человек ушли из-за раздражения? Итог может оказаться отрицательным.

Чтобы получить честный ответ, нужно смотреть на общее количество обращений, а не только на заявки через окно. В Яндекс.Метрике для этого стоит настроить составную цель «все обращения», которая объединяет формы, клики по телефону, мессенджеры и отправку формы в окне. Затем сравнить периоды с окном и без него — или, что надёжнее, показывать окно только половине посетителей и сравнивать две группы. Многие сервисы всплывающих окон умеют делать такое разделение сами, а в Метрике можно сегментировать посетителей по тому, видели ли они окно.

Помимо заявок, стоит смотреть на поведение. Если после включения окна выросла доля отказов, уменьшилось время на сайте или количество просмотренных страниц, особенно на мобильных, — это сигнал, что окно раздражает. Полезно заглянуть в Вебвизор и посмотреть несколько записей визитов: как люди реагируют на появление окна, сразу ли закрывают, не промахиваются ли мимо крестика.

И наконец, качество заявок. Иногда окно приводит много обращений, но низкого качества: люди оставляют телефон ради скидки, а потом не берут трубку. Сверьте с системой учёта клиентов — Битрикс24 или амоСРМ, — какая доля заявок из окна доходит до сделки, и сравните с обычными заявками.

Как это связано с продвижением 3 в 1

Всплывающее окно работает только с теми, кто уже пришёл на сайт. Но в нашем подходе «3 в 1» сайт — лишь одна из трёх точек, откуда приходят обращения. Первая точка — поиск: обычная выдача и ответы нейропоиска, которые приводят людей на страницы сайта. Вторая — карточка компании в Яндекс Бизнесе. Третья — карточка в 2ГИС. Люди с карт часто вообще не заходят на сайт: они звонят или пишут прямо из карточки.

Отсюда важный вывод: всплывающие окна не должны мешать тем, кто пришёл на сайт с конкретной целью. Человек, который нашёл вас в Яндекс Картах и перешёл на сайт посмотреть цены, уже близок к решению. Если его встретит навязчивое окно, он может вернуться к карточке и позвонить конкуренту, который оказался рядом на карте. Ссылки на сайт из карточек стоит помечать метками и смотреть в Метрике отдельно, как ведут себя эти посетители при показе окна. Возможно, для них окно стоит отключить совсем или показывать другое предложение.

С поиском своя тонкость. Посетители, пришедшие из ответов нейропоиска, часто ищут подтверждение информации, которую уже прочитали. Им важно быстро найти на странице конкретный факт — цену, срок, условие. Окно, перекрывающее текст, мешает именно этому. Поэтому на информационных страницах, которые чаще всего цитируются в нейроответах, окна лучше делать особенно деликатными.

И главное — заявки из окна, с формы на сайте, звонки с карточек Яндекс Бизнеса и 2ГИС нужно считать вместе. Иначе может получиться так, что окно «увеличило заявки с сайта», а общий поток обращений не изменился, потому что часть людей просто перешла из одного канала в другой.

Как настроить окна технически

Всплывающие окна можно реализовать двумя путями: встроенными средствами сайта или сторонними сервисами. Сторонние сервисы, такие как Энвибокс или Каллибри, удобны тем, что не требуют программирования: подключили код, настроили сценарии в личном кабинете, получили статистику. Минус — дополнительная нагрузка на скорость загрузки и зависимость от внешнего сервиса.

Встроенные окна делаются средствами самого сайта. В ХостСМС такие окна удобно собирать на базе стандартных форм: форма создаётся в административной части, а условия показа задаются небольшим скриптом в шаблоне. Заявки попадают туда же, куда и все остальные обращения с сайта, и не нужно сводить данные из разных кабинетов. В 1С-Битрикс и ВордПресс похожие возможности дают модули и плагины, но их качество сильно различается, и некоторые заметно утяжеляют страницы.

Какой бы путь ни выбрать, важно проверить три вещи. Окно корректно закрывается на всех устройствах. Заявка из окна действительно доходит до менеджера — приходит на актуальную почту, в систему учёта или в мессенджер. И для отправки формы в окне настроена отдельная цель в Метрике, чтобы можно было оценивать результат.

Практические рекомендации

Если собрать всё сказанное в короткий порядок действий, получится следующее. Начните с одного окна, а не с пяти. Показывайте его не раньше, чем посетитель проявил интерес, — по времени, прокрутке или попытке ухода. Предлагайте в нём конкретную пользу, связанную со страницей. Оставьте в форме одно поле. Сделайте кнопку закрытия крупной и заметной. На телефонах замените центральное окно на небольшую панель. Не показывайте окно повторно тем, кто его закрыл, и тем, кто уже оставил заявку.

После запуска дайте окну поработать месяц и сравните общее количество обращений, а не только заявки через окно. Посмотрите на поведение посетителей и качество заявок. Если результат положительный — пробуйте улучшать предложение и условия показа. Если отрицательный — не бойтесь отключить окно: чистый сайт без навязчивых элементов часто приносит больше заявок, чем перегруженный.

Вывод

Всплывающие окна не хороши и не плохи сами по себе. Они приносят заявки, когда появляются в нужный момент, предлагают конкретную пользу и легко закрываются. И прогоняют посетителей, когда выскакивают сразу, мешают читать, повторяются и не имеют отношения к странице. Оценивать их нужно по общему потоку обращений со всех каналов — сайта, поиска, карточек в Яндекс Бизнесе и 2ГИС, — а не по числу заявок через само окно.

Если вы сомневаетесь, помогают ли всплывающие окна на вашем сайте или мешают, обратитесь к специалистам «Сайты Профессионально» за бесплатной консультацией. Мы посмотрим, как посетители реагируют на окна, проверим, не теряются ли заявки, и предложим настройку, которая увеличит поток обращений без раздражения клиентов.