Попап на Тильде: когда показывать окно, чтобы оно приносило заявки и не раздражало

Как устроен попап в Тильде

По справке Тильды о pop-up блоках, всплывающее окно — это обычный блок на странице, который не виден, пока его не вызовут. Для окон с формой подходят блоки BF501N, BF502N, BF503, BF504. У каждого попапа есть своя ссылка вида #popup:название. Её вы и используете, чтобы окно открыть.

Способы открыть попап:

В блоках-триггерах в контенте указывается та же ссылка попапа — так Тильда понимает, какое окно открыть.

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

Когда показывать попап: разбор каждого триггера

По клику — оставлять всегда

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

Плюс для страницы: форма не занимает место на экране, пока не нужна. Минус: если попап долго грузится или форма в нём длинная, человек закрывает его так же, как закрыл бы любой другой.

При скролле — второй по безопасности

Окно открывается, когда человек долистал до определённого места: например, после блока с ценами. Он уже видел, что вы предлагаете и сколько это стоит. Предложение «Рассчитаем точную стоимость под ваш объект» в этот момент логично.

Где ставить триггер: после блока, который отвечает на главный вопрос посетителя. Не на первом экране и не в самом конце, где уже стоит основная форма.

По таймеру — осторожно

Окно через N секунд — самый популярный и самый спорный вариант. Проблема в том, что таймер не знает, что делает человек. Через 5 секунд кто-то ещё читает заголовок, а кто-то уже звонит по номеру из шапки.

Если ставить таймер, то:

• не меньше 30–60 секунд — к этому моменту человек хотя бы прокрутил первый экран;
• срок жизни cookie — от 7 дней и больше, чтобы окно не встречало каждый раз;
• предложение — ценность, а не «Оставьте телефон».

При уходе — только на компьютере

Триггер срабатывает, когда курсор движется к закрытию вкладки. На компьютере это последняя попытка удержать человека, и иногда она работает: «Уходите? Пришлём прайс в мессенджер». На телефоне курсора нет, поэтому рассчитывать на этот триггер для мобильных посетителей не стоит. А на сайтах услуг из рекламы мобильных часто большинство — проверьте долю в Метрике.

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

Окно с формой — это обмен: человек даёт контакт, вы даёте что-то полезное прямо сейчас. Чем конкретнее и ближе к задаче, тем лучше.

Скидка в попапе — самый частый и, по нашему опыту, самый слабый вариант для услуг. Скидка 5% на ремонт за 300 000 ₽ — это 15 000 ₽, но человек ещё не знает, нравитесь ли вы ему, и скидка не отвечает на его вопрос. Подробнее о том, какие предложения за контакт работают, — в статье лид-магнит.

Требования к самой форме в попапе:

1. Одно поле связи — телефон или мессенджер — и имя. Не больше.
2. Заголовок с обещанием и сроком: что получит и когда.
3. Отметка согласия на обработку данных, отдельная, без галочки по умолчанию.
4. Получатели заявок подключены — у попапа своя форма, и её легко забыть. Как настроить получателей и поля, — в статье форма в Тильде.
5. Сообщение после отправки или переход на страницу «спасибо».

Если попап выскакивает раньше, чем человек понял, куда попал, — проблема обычно не в попапе, а в том, что первый экран не отвечает на его вопрос. С этого и стоит начать.

Попап на телефоне: правила

Телефон — место, где попап чаще всего вредит. Экран маленький, окно закрывает всё, а крестик крошечный в углу.

Правила, которые мы проверяем на каждом сайте:

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

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

Как Яндекс относится к навязчивым окнам

Яндекс давно учитывает удобство сайта для пользователя. В блоге Яндекса для вебмастеров ещё в 2011 году было сказано, что поиск начинает учитывать юзабилити, а среди рекомендаций — не использовать всплывающие окна, которые посетитель не может быстро закрыть. В посте 2014 года о назойливой рекламе Яндекс писал, что страницы с рекламой, которая мешает доступу к основному содержимому или открывает нежелательные окна, ранжируются ниже.

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

Практический вывод:

• попап по клику — без рисков;
• автоматический попап с лёгким закрытием, после прокрутки, один раз — допустимо;
• окно на весь экран через три секунды, которое нельзя закрыть с первой попытки, — риск и для заявок, и для поиска.

Цель в Метрике: как понять, что попап вредит

Тильда отправляет в Метрику события как виртуальные просмотры страниц. По справке Тильды о целях, открытие попапа выглядит как адрес вида /tilda/popup/recНОМЕР/opened, а отправка формы — /tilda/formНОМЕР/submitted.

Настройте две цели:

1. «Попап — открыт»: тип «Посещение страниц», условие «url: содержит» /tilda/popup/recНОМЕР/opened.
2. «Попап — заявка»: условие /tilda/formНОМЕР/submitted с номером формы внутри попапа.

Через 2–4 недели посчитайте:

• конверсию попапа — заявки из попапа, делённые на открытия;
• долю отказов на странице до и после включения автоматического попапа;
• общее число заявок со страницы — не только из попапа, а все.

Последнее — главное. Бывает, что попап собирает 10 заявок, а основная форма за тот же период теряет 12, потому что люди закрывают сайт вместе с окном. Итог — минус две заявки, хотя попап «работает».

Условный пример: два попапа на одном сайте

Пример условный, цифры для иллюстрации. Клининговая компания, 2 000 посетителей в месяц, до попапа — 40 заявок с основной формы.

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

Порядок настройки попапа на Тильде

1. Решите, что предлагаете в окне и почему это нужно человеку именно в этот момент.
2. Добавьте блок попапа с формой, придумайте название ссылки, например #popup:raschet.
3. Напишите заголовок с обещанием и сроком, оставьте 2–3 поля, добавьте отметку согласия.
4. Подключите получателей заявок к форме попапа.
5. Выберите триггер: кнопка со ссылкой на попап, T183 после нужного блока или T188 с таймером от 30 секунд.
6. Для автоматических триггеров задайте срок жизни cookie — от 7 дней.
7. Опубликуйте и отправьте тестовую заявку с компьютера и телефона.
8. Поставьте цели на открытие и отправку.
9. Через 2–4 недели сравните общее число заявок со страницы с периодом до попапа.

Если хотите, чтобы мы посмотрели ваш сайт и сказали, нужен ли там попап вообще и что в нём предлагать, оставьте контакты.