Rivalry2

HTML Diff

4 added 1 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#статьи</a>

2 <ul><li>21 сен 2022</li>

3 <li>0</li>

4 </ul><h2>Всё о всплывающих окнах - поп‑апах. Что в них добавляют и как сделать хороший поп‑ап</h2>

5 Разбираемся, что такое всплывающие окна и зачем они нужны на посадочной странице.

6 Иллюстрация: Оля Ежак для Skillbox Media

7 Редактор Skillbox Media. Пишет о бизнесе и маркетинге вместе с экспертами.

8 Поп-ап, или всплывающее окно, - обычно квадратный или прямоугольный баннер, который появляется через некоторое время после того, как пользователь переходит на страницу. Цель баннера - вовлечь пользователя в <a>воронку продаж</a>: продать ему продукт, подписать его на рассылку, убедить его оставить контактные данные.

9 Поп-апы - работающий инструмент для посадочных страниц. Например, после того, как издание Entrepreneur<a>добавило</a>поп-ап на свой сайт, число подписчиков email-рассылки выросло на 85%, а объём продаж - на 162%.

10 В этой статье разберёмся, как создать поп-ап и какие маркетинговые предложения в него можно "зашить".

11 <ul><li><a>Зачем используют</a>поп-апы</li>

12 <li><a>Как сделать эффективный поп-ап</a>: советы</li>

13 <li><a>Создаём поп-ап</a>в конструкторе Tilda</li>

14 </ul>Чтобы собрать базу "тёплых" контактов.Для этого поп-апы используют чаще всего. Во всплывающем письме размещают форму подписки на рассылку или предложение оставить свой номер телефона. В первом случае пользователям посылают письма - как продающие, так и с полезным контентом. Во втором - номер передают в отдел продаж, чтобы менеджеры позвонили пользователю.

15 Иногда, чтобы увеличить конверсию, пользователям предлагают бонус за подписку. Например, бесплатную электронную книгу, чек-лист или небольшой email-курс. Этот бонус называется лид-магнитом.

16 Пример лид-магнитаСкриншот: Oy-li Чтобы снять барьер первой покупки.Во всплывающих окнах также размещают трипваеры. Это предложения продуктов по символической цене - например, обучающий мини-курс за 99 рублей.

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

18 Пример трипваера от Apple для новых клиентов. Стоимость подписки для действующих клиентов Apple Music - в пять раз большеСкриншот: Apple Чтобы уменьшить показатель отказов.Отказ - это когда пользователь закрывает страницу почти сразу после того, как её открыл. Чтобы "зацепить" потенциальных клиентов, которые собираются уйти, можно использовать поп-ап. Его настраивают так, чтобы он появился в момент, когда пользователь двигает мышь в сторону кнопки закрытия вкладки.

19 Чтобы сообщить пользователям что-то важное не о продажах.Поп-апы могут быть информационными: в них не собирают контакты, а сообщают информацию. В таких поп-апах нет формы обратной связи. Их используют, например, чтобы попросить пользователей отключить сервис блокировки рекламы или для предупреждения о сборе cookies.

20 Издание Los Angeles Times в поп-апе просит разрешить показ рекламыСкриншот: Los Angeles TimesОбъясните, какую ценность пользователь получит после целевого действия.Используйте сильный призыв: пользователь должен понять, что достанется ему в обмен на контакт. Нужно, чтобы баннер выделялся на фоне страницы.

21 Пример понятной мотивации для выполнения целевого действияСкриншот: Farfetch Поп-ап должен соответствовать контексту страницы.В разделе товаров, например, будет уместно предложить подписаться на рассылку акций, а в блоге - на экспертные статьи по теме вашего бизнеса.

22 Замеряйте эффективность всплывающего окна.Тестируйте его расположение и размер, отдельные элементы и условия показа. Это поможет найти наиболее эффективный вариант. Иногда работают нестандартные приёмы. В сервисе OptinMonster, например, остановились на вопросе, на который не так просто ответить "нет":

23 Перевод: "Хотите получить мгновенный доступ к самой мощной платформе по лидогенерации в интернете? Да - Нет"Скриншот: OptinMonsterАдаптируйте формы для мобильных.Форма должна читаться с гаджетов и помещаться на экране полностью - иначе пользователю придётся уменьшать масштаб экрана, чтобы её закрыть. Это может раздражать, и пользователи будут уходить.

24 Дайте возможность легко отказаться от предложения.Например, в конструкторе Tilda в меню "Настройки триггера" можно указать, на сколько дней запоминать посетителя сайта, чтобы не показывать ему один и тот же поп-ап. Также можно дать пользователю возможность отказаться самому: для этого стоит добавить кнопку "Не показывать больше" или "Я уже подписался".

25 Поп-ап должен сочетаться с сайтом по дизайну.Это будет выглядеть эстетично и вызывать меньше раздражения у пользователей. Пример ненавязчивого и в то же время заметного поп-апа, который выдерживает стилистику сайта:

26 Скриншот: 12 Storeez Теперь посмотрим, как создать всплывающее окно. Сделаем это в конструкторе Tilda. Важно: для этого понадобится подключённый тариф Personal или Business.

27 Переходим в меню "Все блоки", которое находится внизу страницы создаваемого сайта, и кликаем на меню "Форма и кнопка". Далее выбираем один из форматов поп-апа:

28 <ul><li>"Popup: форма подписки" - подходит для email-рассылки, появляется по центру страницы.</li>

29 <li>"Popup: форма в углу экрана" - также подходит для email-рассылки. В отличие от первого варианта, находится в углу страницы, а не по центру.</li>

30 <li>"Popup: форма с множеством полей" - форма заявки, в которую можно добавить не только поле email, но и, например, поля "имя" и "телефон".</li>

31 <li>Popup: information - поп-ап без формы обратной связи: блок с информацией и кнопками. Подходит для предупреждения о сборе cookies.</li>

32 </ul>В Tilda можно настроить появление блока:

33 <ul><li>при клике на заданную ссылку;</li>

34 <li>при скролле страницы до определённого места;</li>

35 <li>по времени - через заданное время пребывания на сайте;</li>

36 <li>при закрытии страницы.</li>

37 </ul>Для примера разберём, как настроить поп-ап, чтобы он появлялся через определённое время:

38 <ul><li>Когда добавите блок в меню "Pop up", для него автоматически будет указана ссылка. При желании её название можно изменить.</li>

39 <li>В меню "Контент" пропишите ссылку вида: #subscribepopup - слово может быть любым.</li>

40 <li>Выберите специальный блок-триггер на странице, который вызовет появление элемента при скролле. Триггер можно задать в категории "Другое". Нужен блок T183.</li>

41 <li>В меню "Контент" укажите ту же ссылку, которую задали в меню "Pop up".</li>

42 <li>В меню "Настройки" - "Таймер (в секундах)" укажите время, через которое должен появиться блок.</li>

43 <li>В меню "Настройки" триггера в поле "Cookie life time" укажите период, на который нужно запоминать посетителя.</li>

44 </ul>В Tilda есть видеоинструкция, как настроить поп-ап по таймеру:

45 <ul><li>Поп-ап - это всплывающее окно. Чаще всего он появляется через некоторое время после того, как пользователь заходит на страницу.</li>

46 <li>В поп-апах предлагают подписаться на email-рассылку, оставить имя и телефон для дальнейшего общения.</li>

47 <li>Поп-апы также используют для информирования о сборе cookies и для призыва отключить сервис блокировки рекламы.</li>

48 <li>Поп-ап может запускаться при клике на ссылку, при скролле страницы, через определённое количество секунд пребывания на сайте или при попытке закрыть страницу.</li>

49 - </ul><a>Попробуйте 4 профессии в интернет-маркетинге на практике ➞На бесплатном мини-курсе вы исследуете ЦА, создадите сайт, оформите социальные сети, напишете продающие тексты и настроите рекламу. Смотреть программу</a>

49 + </ul>Интернет-маркетинг на практике

50 + Вы изучите SMM, копирайтинг, таргетинг и продвижение в интернете. На примере кафе с доставкой еды вы разберёте, как продвигать бизнес в интернете, и соберёте сильное портфолио.

51 + <a>Пройти бесплатно</a>

52 + <a>Попробуйте 4 профессии в интернет-маркетинге на практике ➞На бесплатном мини-курсе вы исследуете ЦА, создадите сайт, оформите социальные сети, напишете продающие тексты и настроите рекламу. Смотреть программу</a>