что такое попап на сайте

Лучшие сервисы для создания pop-up окон

Многие маркетологи уверены, что pop-up – это бесполезная функция, которая мало того что не увеличивает конверсию сайта, так и порой вовсе отпугивает пользователей. Отчасти это правда, но успеха не достигают только те, кто неправильно подходит к созданию подобного функционала. При правильном подходе можно добиться отличных результатов.

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

Что такое всплывающее окно (pop-up)

Всплывающее окно (поп-ап, pop-up) – это окно, появляющееся через некоторое время после открытия сайта. Оно накладывается поверх страницы и чаще всего занимает небольшую область в форме квадрата или прямоугольника. Главная идея подобного функционала – привлечь пользователя и подтолкнуть его на оформление товара или подписку на e-mail-рассылку. Проще говоря, все это создается ради рекламной кампании, чтобы увеличить продажи или популярность веб-ресурса.

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

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

В целом pop-up окна применяются для:

Частая практика – использовать поп-апы для увеличения конверсии. Благодаря им можно получить новый поток клиентов и увеличить продажи. Преимущества здесь следующие:

Крайне важно проработать все детали pop-up окна – только так оно будет приносить пользу. Чтобы детальнее разобраться в этом вопросе, давайте рассмотрим основные типы всплывающих окон.

Типы всплывающих окон

Принято выделять два типа pop-up: hello-board и page-stop. У каждого из них свой функционал.

Hello—board

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

Page-stop

Появляется в центре экрана и блокирует содержимое страницы. Чтобы закрыть окно, потребуется либо воспользоваться крестиком, либо выполнить указанное действие.

Hello-board раздражают пользователей меньше, чем page-stop, потому как их можно игнорировать. Однако page-stop считаются более эффективными из-за принудительной блокировки всего контента.

Когда показывать всплывающее окно

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

Приветственный

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

Скроллинговый

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

Окно с появлением по клику

Всплывает, когда пользователь совершает определенное целевое действие. Например, кликает по ссылке или кнопке. Такой тип окон можно использовать для показа формы подписки или обратной связи.

Окно по таймеру

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

Завершающий

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

Это были одни из самых популярных вариантов использования pop-up окон. Вариантов может быть гораздо больше: например, после заполнения формы можно добавить еще одно окно, в котором будет написан текст благодарности. Также можно добавить поп-ап к определенной услуге – при выборе будет всплывать окно с краткой информацией.

Плюсы и минусы всплывающих окон на сайте

Из недостатков вытекают следующие пункты:

Данный функционал вполне эффективен, но важно проанализировать все моменты и провести многочисленные тесты – тогда польза будет значительно высокой.

Правила создания pop-up окна

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

Практически во всех сервисах для создания pop-up окно можно настроить вышеперечисленные моменты. О самих сервисах поговорим ниже.

Лучшие сервисы для создания pop-up окон

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

OptinMonster

OptinMonster предназначен для email-маркетинга. То есть с его помощью можно настроить всплывающее окно таким образом, чтобы оно предлагало посетителям оставить свою почту и подписаться на рассылку.

Ссылка на сервис: OptinMonster

Plerdy

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

Для всех форм доступна карта кликов.

Ссылка на сервис: Plerdy

Getsitecontrol

Getsitecontrol – еще один сервис с виджетами для повышения конверсии. Он предлагает добавить на сайт всплывающие окна, формы подписки, опросы, кнопки соцсетей. Нужный виджет вставляется на страницу одной строчкой кода.

Ссылка на сервис: Getsitecontrol

MailMunch

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

Ссылка на сервис: MailMunch

PopMechanic

Ссылка на сервис: PopMechanic

AddThis

AddThis – полностью бесплатный сервис с возможностью создания кастомизированных поп-ап окон. Есть совместимость со всеми популярными CMS.

Ссылка на сервис: AddThis

Sumo

Sumo – сервис для сбора email, а также установки форм и виджетов на сайт. Есть платная и бесплатная версия. Вторая открывает доступ к большому набору инструментов: включено неограниченное количество адресов, кастомизация, таргетинг, аналитика и много чего еще.

Ссылка на сервис: Sumo

OptiMonk

OptiMonk – это бесплатный инструмент для увеличения конверсии и привлечения потенциальных клиентов. Он позволяет создавать, персонализировать и запускать всплывающие окна, боковые панели и панели уведомлений без знания программирования.

Ссылка на сервис: OptiMonk

Leadgenic

Leadgenic – профессиональный сервис для повышения конверсии сайта. Есть бесплатный тариф, включающий в себя 3 таргетированных виджета, бесплатную CRM, интеграцию Google Analytics и Яндекс.Метрики.

Ссылка на сервис: Leadgenic

JumpOut

Сервис предлагает множество умных форм для сбора подписчиков, 5 типов виджетов, А/Б тесты, функции для увеличения конверсии и многое другое. Есть как бесплатная версия, так и платная, начинающаяся от 199 рублей в месяц.

Ссылка на сервис: JumpOut

Заключение

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

Источник

Хороший, плохой и отличный пример Pop-up на сайте

Всплывающие окна являются злом. Они всех раздражают еще с тех времен, когда мы сидели в интернете по карточкам (да, молодежь даже и не знает о таких мрачных временах). Однако всплывающие окна бывают разными. И многие из них являются эффективным инструментом в умелых руках.

Как раз о правильном использовании Pop-up на сайте я хочу рассказать сегодня.

В чем суть Pop-up окна?

Представьте, что вы читаете текст на сайте, пролистываете страницу… и тут на экране всплывает окно со специальным предложением! Вы, конечно, раздражены, но если это интернет-магазин, и вы хотели совершить здесь покупку, то предложение скидки в Pop-up вызовет совсем другие чувства.

Конечно, если не планировали ничего покупать, то раздражение будет основной эмоцией, но, возможно, что это как раз тот случай, когда магазин может пожертвовать вами.

Или представьте другую историю.

Вы читаете блог своего любимого интернет-маркетолога. И тут во всплывающем окне появляется предложение скачать бесплатную книгу по самым популярным ошибкам в Google Adwords. Что же, почему бы и нет?

Pop-up могут быть хорошими и плохими.

Здесь (как и в случае любого другого элемента) все упирается в полезность для потенциальных клиентов. Нужно ли им это?

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

А теперь перейдем к примерам. Рассмотрим хороший, плохой и отличный пример реализации всплывающего окна на сайте.

Хороший пример

Лидмашина сделала для своего блога такую всплывающую форму:

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

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

Так зачем же упускать такую возможность?

Обратите внимание, что пример от ЛидМашины достаточно лаконичен. Я не знаю, почему они приняли такое решение. Возможно, чтобы их Pop-up не ассоциировался с различными окнами со сторонних сервисов и иными рекламными. Тут весь акцент именно на текстовом материале.

Плохой пример

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

Может нашел, а может и нет. Но какое им дело до этого? Pop-up не сообщает никакой выгоды, не старается как-то уговорить меня. Он рассчитан на эффект неожиданности. На то, что я нажму несколько нужных кнопок, а затем пойдет звонок. И дальше мне даже могут продать менеджеры компании.

Эта называется «втюхивание».

Так очень легко можно всучить человеку не особо нужный ему товар. Или просто не дать возможности выбрать действительно подходящий. А это все ведет в долгосрочной перспективе к негативу.

Зачем себе портить карму?

Ваша задача – сделать клиента довольным, а не продать ему любой ценой. Выстраивайте отношения с клиентами по модели «win-win». Это всегда дает свои плоды в долгосрочной перспективе.

Отличный пример

Если вы впервые зайдете на сайт интернет-магазина одежды Lamoda, то увидите специальное предложение:

Подпишитесь на рассылку и получите 500 рублей скидки. Давайте признаем, что продажи одежды существуют за счет скидок. Просто прогуляйтесь до ближайшего торгового центра. Я недавно ходил в кино на «Женщину в черном 2». Так вот, сам кинотеатр находится на третьем этаже и до него мне пришлось пройти уйму магазинов. Витрины просто кричали о скидках в 20, 50 и 90 процентов!

И все это, конечно, «только сейчас», а на самом деле работают вечно.

Одежду продают так почти всегда (есть исключения для дорогих и модных брендов).

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

Выигрывают все. Вы экономите, а Lamoda получает постоянного клиента. В общем, обе стороны в данном случае получают как раз то, что и искали. Это модель «win-win».

Несколько базовых советов, чтобы не раздражать посетителей

Полезность – это основное свойство всплывающих окон. Однако есть еще некоторые технические детали, которые стоит учитывать.

1) Pop-up не должен быть слишком большим

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

2) Не перегружайте аудиторию

Не нужно постоянно показывать Pop-up одному и тому же человеку. Если он его закрыл, то забудьте о нем. Покажите снова всплывающее окно через пару недель.

Показывать Pop-up в первые же секунды после захода на сайт, – это нормально, но только в том случае, если это соответствует логике дальнейшей работы с посетителем и несет для него пользу. Например, скидка от Lamoda является как раз таким Pop-up’ом.

4) Кнопка «Закрыть» должна быть видна

Да, посетитель должен иметь возможность закрыть ваш Pop-up без проблем. Забудьте про всякие трюки. Фокусы здесь только помешают делу и вызовут раздражение человека. Если он решил закрыть всплывающее окно, то не должен тратить на это слишком много времени.

5) Четкое сообщение

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

Помните про личный контакт

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

Пример удачного всплывающего окна с фотографией:

Резюме

Использование PopUp – это совсем не переход на темную сторону силы. Если вы, конечно, подходите к делу грамотно и создаете всплывающее окно, которое будет полезным целевой аудитории. И которое при этом не будет мелькать слишком часто у них перед глазами.

Я не считаю, что всплывающие окна нужно показывать регулярно. Лучше брать какой-то временной промежуток. Например, нужно собрать базу email для рассылки. Собрали? Можно отключать Pop-up. Передозировка от назойливой рекламы – не самый лучший способ построить долгосрочные отношения с клиентом.

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

Думайте об этом при создании своего всплывающего окна.

Бесплатная книга для тех, кто делает сайт компании

Хотите узнать о том, как создаются продающие сайты? Более того, понять, как вообще можно сделать свой собственный сайт, который будет приносить клиентов? Все это Вы найдете в нашей бесплатной книге.

Источник

Интервью с Юлией Повх: «Что такое pop-up window и как его приручить?»

Что такое pop-up? Это всплывающие окна на сайтах, которые привлекают внимание пользователя и содержат призыв к выполнению целевого действия: подписаться на email-рассылку, указать свой номер телефона, вступить в сообщества и т.д.

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

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

9 вопросов о том, как настроить эффективный pop-up на сайте

Сегодня у нас в гостях Юлия Повх, которая знает емейл-маркетинг изнутри, так как несколько лет работала на стороне агентства, которое сопровождало клиентов. А затем и на стороне клиента.

Так вышло, что во время работы в фешн-индустрии Юлю увлекла компания Popmechanic.io и на сегодня она занимается развитием именно этого проекта.

Рассмотрим же базовые вопросы, которые волнуют маркетологов при сборе базы.

1.Типы подписки. Какие они есть?

Классические поп-апы. Они находятся в центре страницы и могут состоять как из одного окошка, так и из нескольких последовательных шагов для заполнения.

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

Welcome mat или приветственное окно, которое перекрывает всю страницу.

Slide-in. Закреплённая форма, которая находится всё время в одном положении, когда пользователь скроллит страницу.

Стандартная статичная форма подписки. Можно использовать несколько форм подписок. Например, разместить поп-ап и статичную форму внизу страницы. Поп-ап пользователь может закрыть, а подписаться он может захотеть позже и нужно дать ему эту возможность.

2. Какие основные правила установки попапа?

В среднем, по исследованиям наших клиентов, внедрение поп-апа повышает конверсию в подписку в 3-4 раза в сравнении с статичными формами.

Их достаточно много, в краткий ответ не помещу 🙂

Как-то делала большой чек-лист на 4 основных группы правил:

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

3. Как правильно настроить поп-ап: время появления, место, при заходе на сайт/ уходе с сайта?

Стандартно у нас есть такие условия показа и их комбинации:

вызов по кнопке или любому элементу сайта

показ при попытке ухода с сайта

показ через X времени на странице

показ через X% скролла страницы

показ через X страниц, проведенных на сайте

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

Мы рекомендуем учитывать такие параметры:

количество страниц сайта и глубина просмотра (смотрим по Google Analytics)

время пребывания на сайте после показа формы

среднее время на сайте

скорость загрузки страниц сайта

само предложение, которое хотим показать

Например, если мы устанавливаем поп-ап на лендинге, то лучше использовать процент скролла страницы (50-70%) или показ при уходе с сайта (только для десктопа).

А если же у нас мультибрендовый многостраничный интернет-магазин, то условия показа могут быть совершенно другие. Например, показ при просмотре 3+ страниц сайта.

Рекомендуем исключить показ поп-апа:

тем, кто оставил контакты ранее

залогиненым (у нас уже есть их емейл)

при переходе с email-рассылок (трекаем по utm-меткам)

при переходе с наиболее конверсионных источников трафика

Этими источниками могут быть переходы с некоторых кампаний контекстной рекламы или прайс-агрегаторов.

4. Для чего можно использовать поп-апы?

Вариантов использования поп-апов множество:

Источник

Pop-up: Бесить или продавать? Вот в чем вопрос

Что такое pop up

Виды всплывающих уведомлений

Типы pop-up офферов, которые работают. Или нет

Сервис MEALTY предлагает бесплатный обед или ужин взамен на email

Клининговая компания дает 10% скидки на первую уборку

Такие поп-ап оповещают точное время пребывания на сайте и предлагают консультацию

Как сделать pop up, который не бесит, а продает

Digital Marketer – cообщество для маркетологов, которое рассказывает о новых кейсах и вдохновляющих стратегия развития. Благодаря pop-up, они получили:

2689 клиентов за 2 недели;

увеличение продаж на 30.22%;

увеличение пребывания на сайте на 35%.

Smart Marketer и Boom:

получили 8997 дополнительных лидов за месяц;

увеличили прибыль на 18,2%;

продлили пребывание на сайте на 25,6%;

количество просмотренных страниц выросло на 14,1%.

iSpionage улучшили трафик рефералов блога на 58% за 1 месяц.

Сегментация пользователей — путь к прибыли

Сегментирование – это объединение посетителей со схожими потребностями в несколько групп.

Фантастическая пятерка pop-up сегментации

Поп-ап сегментирует посетителей за полом, чтобы не присылать мужчинам новинки женской одежды и наоборот

Сайт BOOM для “холодных” клиентов предлагает поп-ап с лид магнитом в виде книги косметических советов для женщин за 40 взамен на подписку

А вот для “теплых” скидку на первый заказ взамен на email

Поп-ап предлагает посетителям заказать товар с Канады, доставят в течение 3 дней по специальной цене за доставку

Источник