Как настроить всплывающие окна на сайте так, чтобы они увеличивали число заявок, а не заставляли посетителя закрывать вкладку в первые секунды.
Модальное окно — один из самых спорных инструментов на сайте. Одни владельцы бизнеса уверены, что без всплывающего окна с формой сайт теряет половину заявок. Другие категорически против них, потому что сами закрывают такие окна на чужих сайтах не глядя. Истина, как обычно, в деталях реализации, а не в самом инструменте.
Модальные окна — это не зло и не панацея, а инструмент с довольно жёсткими правилами использования. Если их нарушить, окно действительно раздражает и повышает отказы. Если соблюсти — оно может ощутимо увеличить число обращений, не испортив впечатление от сайта.
Модальное окно — это всплывающий элемент поверх основного контента страницы, который блокирует взаимодействие с остальным сайтом, пока не закрыт. Чаще всего в нём размещают короткую форму заявки, предложение скидки, подписку на рассылку или уведомление.
Отличие от обычного встроенного блока с формой в том, что модальное окно требует от пользователя действия — заполнить форму или закрыть окно — прежде чем продолжить чтение страницы. Именно это делает его одновременно эффективным и потенциально раздражающим.
Если модальное окно появляется в подходящий момент, оно решает проблему, с которой сталкивается любой сайт: форма заявки в конце страницы часто остаётся незамеченной, потому что до неё не долистывают. Окно возвращает внимание пользователя к целевому действию именно тогда, когда он готов его совершить.
В нашей практике продуманные модальные окна с формой захвата контактов повышали число заявок на посадочных страницах на 15–30 процентов по сравнению с сайтом, где форма была только в подвале страницы. Разброс большой, потому что результат сильно зависит от ниши, качества трафика и того, насколько аккуратно окно настроено.
Самый частый способ испортить впечатление от сайта — показать модальное окно через две-три секунды после захода на страницу, ещё до того, как человек понял, куда он вообще попал. Это классический антипаттерн: пользователь ничего не успел прочитать, а его уже просят оставить телефон.
Такое окно закрывают почти рефлекторно, даже не читая содержимое. Хуже того, часть посетителей после этого сразу закрывает вкладку целиком — окно воспринимается как агрессивная реклама, а не как полезное предложение.
Модальное окно, которое появляется раньше, чем человек успел понять предложение сайта, работает против конверсии, а не на неё.
Вместо жёсткого таймера лучше использовать триггеры, привязанные к поведению пользователя.
Окно появляется, когда пользователь на компьютере двигает курсор к верхней части экрана, будто собирается закрыть вкладку. Это один из самых мягких и при этом эффективных триггеров: человек уже принял решение уйти, поэтому предложение остаться или оставить контакт воспринимается не как навязчивость, а как последний шанс.
Окно срабатывает, когда пользователь долистал страницу до 50–70 процентов. Это значит, что он уже проявил интерес и прочитал значительную часть контента, а не просто открыл вкладку и переключился на другую.
Более щадящий вариант таймера — считать не секунды с момента открытия, а время активного взаимодействия: скролл, движение курсора, клики. Такой таймер срабатывает позже, чем простой отсчёт секунд, и застаёт человека, который действительно читает, а не просто оставил вкладку открытой в фоне.
Если пользователь начал заполнять многошаговую форму, но не закончил, уместно показать модальное окно с более коротким вариантом формы или с предложением сохранить прогресс.
Момент показа — только половина дела, вторая половина — оформление.
На телефоне модальные окна работают по другим правилам, потому что экран меньше, а закрыть окно случайным касанием проще, чем на компьютере. Триггер exit-intent на мобильных устройствах не работает физически — там нет курсора, который двигается к верху экрана, поэтому нужен другой сценарий, например прокрутка или попытка свернуть браузер.
Практические рекомендации для мобильной версии:
Даже удачное модальное окно превращается в раздражитель, если появляется на каждой странице сайта или при каждом визите одного и того же человека. Разумная практика — показывать окно один раз за визит и не показывать повторно в течение нескольких дней тому, кто его уже закрыл. Технически это решается через запись в локальном хранилище браузера или через куки, и настраивается один раз при разработке.
Для некоторых ниш — медицина, юридические услуги, дорогие B2B-продукты — агрессивные всплывающие окна работают хуже, потому что аудитория настороженно относится к давлению. В таких случаях лучше использовать более мягкие альтернативы:
Выбор конкретного инструмента должен зависеть от специфики бизнеса и от того, насколько аудитория готова к прямому предложению оставить контакт.
Модальное окно нельзя оценивать на глаз — нужно смотреть на цифры. Полезно отслеживать несколько показателей одновременно:
Если после добавления окна отказы заметно выросли, а заявки из него почти не приходят, конфигурацию стоит менять — либо момент показа, либо оформление, либо саму идею окна для этой страницы.
Модальные окна не хорошие и не плохие сами по себе — их эффективность полностью зависит от момента показа, оформления и частоты. Окно, показанное вовремя и оформленное с уважением к пользователю, действительно увеличивает число заявок. Окно, вылетающее сразу и перекрывающее весь экран без внятной кнопки закрытия, работает против сайта.
Перед тем как включать модальное окно на боевом сайте, стоит протестировать его на небольшой доле трафика и посмотреть на реальные цифры, а не полагаться на интуицию — в этой теме интуиция подводит чаще, чем кажется.
Практическое руководство для владельца бизнеса: как менять тексты, фото и цены на сайте без разработчика, какие инструменты для этого нужны и на что не стоит замахиваться самому.
Разбираем, какие работы скрываются за словом «техподдержка сайта», зачем она нужна даже качественно сделанному сайту и как понять, какой формат подходит именно вам.
Пошаговый порядок переноса сайта на другой хостинг, из-за чего чаще всего теряются позиции в поиске или заявки и как проверить, что перенос прошёл без ошибок.
Оставьте номер — перезвоним в рабочее время и ответим на вопросы
Расскажем, как сделать сайт, который будет продавать в вашей нише
Пришлём на почту презентацию студии с кейсами, этапами и ценами
Заявка отправлена. Мы свяжемся с вами в ближайшее рабочее время.
Мы используем файлы cookie, чтобы сайт работал корректно, и сервисы веб-аналитики, чтобы делать его удобнее. Продолжая пользоваться сайтом, вы соглашаетесь с политикой использования cookies.
