35 поп-апов, которые покорят вас с первого взгляда

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

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

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

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

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

• Женщины vs Мужчины.
  Сегментация по гендеру поможет показать посетителю релевантную ему информацию. Это сократит клиенту время поиска. Он обязательно скажет вам “Спасибо”, совершив покупку на сайте.

• Геотаргетинг
  Такая сегментация подходит для международных компаний. Вы можете создать отдельное предложение для каждой страны.

• Сегментация по воронке продаж
  Нелогично будет предлагать посетителю, который впервые на вашем сайте, скидку 20% за покупку на 20000 рублей. Он еще не знаком с продуктом, не уверен в качестве. Такое предложение следует показывать клиенту, который уже давно интересуется товаром.

Приветственные поп-апы

Поздоровайтесь с пользователем с помощью поп-апа. Такой поп-ап может проинформировать пользователя о текущих акциях:

Что еще важно: пользователь может скрыть поп-ап, чтобы он не появлялся при повторном посещении сайта. К слову, в Carrot quest можно настроить поп-ап, чтобы он не показывался повторно по умолчанию и без дополнительных действий пользователя

Зарегистрируйтесь и попробуйте

L’Occitane показывает маленький (и новогодний!) поп-ап с самым актуальным предложением

Поп-апы могут помочь в лидогенерации и предлагать подписаться на рассылку.

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

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

Clinique предлагает подружиться и хочет знать о вас ВСЕ (прямо как тот парень из тиндера на первом свидании)

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

Обратите внимание!
Плюс больших поп-апов в том, что их невозможно не заметить. Правда, некоторых посетителей сайта это может раздражать

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

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

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

Поп-апы могут собирать еще и номера телефонов:

Поп-ап с сайта клубного дома Magnum house

Как вариант, можно остаться на связи с пользователем без получения емейла — с помощью Web Push уведомлений.

Иль де Ботэ показывает небольшой поп-ап параллельно с запросом на показ push-уведомлений. Бывает, что люди автоматически запрещают их, а такой поп-ап мотивирует остановиться и передумать.

Смотри.Учись показывает небольшой и красивый поп-ап

Чтобы поп-ап эффективнее собирал лиды, вы можете предложить посетителю приятный бонус. Например, это может быть подарок при первом заказе:

Еще это может быть купон или промокод на скидку в процентах на все предложения:

Ешь, купи, лови

Смотри.Учись предлагает сделать скидку на любой курс за регистрацию

Жилой комплекс Wine House ограничил предложение во времени: скидка действительна до конца декабря

Nasty Gal очень щедры на скидки и не боятся показать дерзкий (как пуля резкий) характер в приветственном поп-апе

Или ограничьтесь определенной категорией товаров:

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

Поп-ап магазина спортивных товаров КАНТ стремительно врывается на горных лыжах со скидкой 500 рублей

Подарки можно предлагать не только за емейл. Спросите у посетителей сайта, что они думают о вашей работе, и предложите скидку. Теперь в конструкторе поп-апов Carrot quest можно сделать миллион интересных форматов поп-апов: квизы, разные формы опросов и многое другое.

Возможно, вы заинтересуете пользователя полезным вебинаром:

Возьмите пример с Nutrilogic. Прекрасный во всех отношениях мужчина в белом халате, который поможет вникнуть в работу сервиса, сработает не хуже девушек модельной внешности!

Полезным инструментом:

Поп-ап Oy-li

Или чем-то поинтереснее:

Попробовать

поп-ап окна

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

Начнём с формата Popup. Если вам нужен мгновенный контакт с посетителем , а ваш оффер рассчитан на максимально целевую аудиторию popup трафик станет хорошим решением. В иных случаях пользователь, пришедший на сайт с конкретной целью и получивший окно с нецелевым предложением, просто закроет страницу, не удосужившись даже просмотреть её содержание.

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

Формат рекламы попандер показывается пользователю в тот момент, когда он уже собирается уходить. Он нашёл нужный ему продукт, и вдруг появляетесь вы. Каким должен быть рекламный оффер? Новинки, акции, развлекательные офферы, например гемблинг тематики, или софт — вот неполный список тематик, которые хорошо показывают себя в Popunder рекламе. Эффект можно значительно усилить если связать рекламное предложение с тематикой сайта.

Интересные идеи по настройке всплывающих окон

1. Заменяем баннеры всплывающими окнами

Указанный прием имеет как достоинства, так и недостатки. К числу положительных аспектов можно отнести:

• Возможность сэкономить место на странице, что особенно актуально, если баннер был большим. 
• Всплывающее окно загружается мгновенно, а на открытие «тяжелого» баннера требуется время.

Все это может положительно сказаться на конверсии.

Минус здесь всего один:

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

2. Заменяем подписки всплывающими окнами

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

Достоинства такого подхода:

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

Среди недостатков можно назвать:

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

3. Заменяем слова благодарности всплывающими окнами

Нет необходимости создавать целю страницу сайта под слова благодарности. Но вполне можно демонстрировать popup окно по истечении определенного времени.

Достоинства подхода:

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

Недостатки:

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

4. Благодарность за подписку заменяем всплывающим окном

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

Достоинства подхода:

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

Недостатки:

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

 5. Секретный баннер pop-up

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

Достоинства подхода:

Своеобразное пасхальное яйцо поможет добиться лояльности от определенного числа посетителей ресурса.

Недостатки:

При неправильной настройке «секретное» окно будет всплывать абсолютно для всех, что приведет компанию к убыткам.

6. Персонализация в мини-версии

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

Такой метод сулит только плюсы:

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

7. Всплывающее окно внутри страницы

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

Достоинства инструмента:

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

Недостатки:

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

Плагины независимых разработчиков

Без упоминания этих альтернативных профессиональных решений обзор popup-плагинов для WordPress был бы неполным. В рассматриваемых ниже премиум-плагинах все, за что в большинстве случаев придется доплачивать пользователю плагина из репозитория (причем, доплачивать за каждую дополнительную опцию), уже включено в функционал. При этом стоимость таких инструментов весьма демократична и составляет 24-25 долларов.

Ninja Popups

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

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

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

Master Popups

Мощнейший инструмент для создания всего разнообразия видов всплывающих окон. Есть полсотни различных готовых шаблонов, которые можно редактировать. Присутствует возможность использования собственного CSS-кода, JavaScript и Cookie. В расширенных настройках можно выбрать, какие действия будут выполняться после открытия/закрытия окна и отправки формы, при бездействии пользователя, при решении покинуть страницу.

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

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

Как сделать уникальные ID для всплывающих окон

Ссылки открывают всплывающие окна по ID , соответственно у каждого окна должен быть уникальный ID . Если будет несколько блоков с одинаковым ID, то это приведёт к одновременному открытию двух и более окон.

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

Распечатаёте в своём SMARTY блоке

Вы увидите:

Используйте значение для id из массива, например, .

Пример:

<a class="cm-dialog-opener cm-dialog-auto-size" data-ca-target-id="my_block_id_{$block.block_id}">Ссылка-открывашка</a>

<div class="hidden" id="my_block_id_{$block.block_id}" title="Заголовок окна">
    <p>
        Блок
    </p>
</div>

Что вы получаете с полной версии плагина WP Popups.

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

Премиум-версия дает вам доступ к:

• Встроенной аналитики и интеграции отслеживания событий в Google Analytics для отслеживания ваших всплывающих окон в Google Analytics
• Встроенное A / B-тестирование для сравнения нескольких всплывающих окон
• Прямая интеграция с 10+ почтовыми маркетинговыми услугами, включая Mailchimp
• Еще больше правил отображения
• Больше триггеров, включая намерение выхода со страницы сайта.
• Планирование всплывающих окон
• Правила геотаргетинга
• Больше всплывающих позиций, например, всплывающие окна на весь экран.
• Больше анимаций

Вы также получаете доступ к дополнительным готовым шаблонам.

Стоимость платной подписки составляет от 35 долларов в год, до 299 долларов в год.

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

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

Также помимо стандартных попапов, некоторые плагины умеют легко создавать и остальные виды всплывающих окон.

Давайте посмотрим на 5 плагинов для создания всплывающих окон, а один полностью настроим для наглядного примера.

Master Popups

Название плагина говорит само за себя. Плагин имеет 25 шаблонов всплывающих окон, 12 форм подписки на рассылку и красивый drag-n-drop редактор.

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

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

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

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

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

Из недостатков плагина — он полностью на английском языке.

Popup by Supsystic

Создать лайтбокс за пару минут, выбрав один из 18 типов всплывающих окон и один из 69 адаптивных шаблонов? Легко.

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

Таргетировать всплывающие окна можно по категориям или типам страниц. Также можно делать различные задержки и целые серии попапов с помощью тонких настроек.

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

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

Popup Builder — Responsive WordPress Pop up — Subscription & Newsletter

Очень популярный и функциональный плагин. Поддерживает интеграцию практически со всеми более-менее крупными плагинами для создания форм на сайте, поддерживает интеграцию и с конструкторами страниц (Visual Composer, Elemental, DIVI, WPML и другие).

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

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

Плагин постоянно обновляется, имеет более 100 000 скачиваний и основная масса оценок это 5*.

Popup Maker — Popup Forms, Opt-ins & More

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

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

На момент написания статьи плагин имеет более 400 000 установок и более 3 000 наивысших оценок. Кстати, плагин поддерживает русский язык.

Popups by OptinMonster

Самый популярный плагин из этой подборки. Плагион обладает всем функционалом своих конкурентов описанных выше. Есть возможность проводить А/Б тесты всего в пару кликов и без сложных настроек. Все виды таргетинга и всплывающих окон.

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

Плагин постоянно обновляется и имеет более 1 000 000 активных установок. Русского языка к сожалению в плагине не имеется.

Как оптимизировать всплывающие окна

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

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

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

Исследование выявило элементы, которые непосредственно влияют на успешность всплывающего окна:

Заголовок Начинать оптимизацию pop-up нужно именно с него. Заголовок должен четко и ясно рассказать пользователю о выгоде, которую он получит, заполнив форму. Акцент должен быть сделан на уникальности предложения и на ограниченном сроке его действия: «Поделимся 5 бесценными способами увеличения продаж», «Предложение действует только 2 дня!» и т. п.
Закрепление названий полей в лид-форме Предположим, человек приступает к заполнению строки «Введите адрес электронной почты». Как только он набирает первую букву, название поля пропадает. Подобного развития событий нужно избегать. Пользователю комфортнее постоянно видеть название строки. Оно может бледнеть, как только начинается ввод данных, но пропадать полностью не должно. Эксперимент доказал, что одна только такая настройка всплывающего окна способна увеличить конверсию на более чем 30 %.
Нельзя располагать текст под кнопкой подписки На эту тему проводилось множество экспериментов, которые подтвердили озвученное утверждение. Так, в одном из тестов участвовали два всплывающих окна. В одном ниже кнопки оформления подписки располагался короткий текст, в другом – нет. Второй вариант обеспечил рост конверсии на 36 %. Все проведенные эксперименты доказывают, что ничто не должно отвлекать пользователя от совершения целевого действия

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

Тогда пользователь, прокручивая материал, рано или поздно потеряет его из вида. Настройки всплывающих окон позволяют делать их плавающими, то есть привязанными к положению относительно окна монитора. Благодаря этой функции у пользователя будет только два варианта: закрыть pop-up или выполнить целевое действие.
Кнопка закрытия всплывающего окна должна быть хорошо видна Даже такой элемент, как кнопка закрытия pop-up, может повлиять на конверсию. В ходе эксперимента тестировались два варианта: обычный крестик, расположенный в правом верхнем углу всплывающего окна, и кнопка с надписью «нет, спасибо», которая помещалась ниже кнопки оформления подписки. Безоговорочно победил первый вариант – традиционный крестик. Эксперимент показал, что кнопка «нет, спасибо» способна понизить конверсию на практически 20 %. Этому есть простое объяснение: пользователи давно привыкли, что в интернете окна закрываются нажатием на значок «Х».

Как изменить разрешение экрана в Windows 10

Изменить разрешение экрана довольно просто, для этого есть несколько способов:

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

По умолчанию ОС Windows 10 ставит оптимальное разрешение экрана. Это обеспечивает наилучшее изображение и наименьшую нагрузку на глаза, поэтому автор статьи старается не изменять настройки и пользоваться рекомендованными установками.

Встроенными средствами Windows 10

Пожалуй, проще всего изменить разрешение экрана через встроенные средства Windows 10:

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

Важно успеть нажать «Сохранить» за 15 секунд, иначе настройки сбросятся к первоначальным данным.

Видео: как изменить разрешение экрана

https://youtube.com/watch?v=Kyy4H6oQ8L0

Через дополнительные параметры дисплея

Поменять разрешение экрана можно также с помощью опции «Дополнительные параметры дисплея»:

1. Прокручиваем страницу раздела «Параметры экрана» вниз и переходим в пункт «Дополнительные параметры дисплея».
2. Открываем «Свойства видеоадаптера для дисплея». Если у вас два монитора, то в дополнительных параметрах будут отображаться все подключённые устройства.
3. В открывшемся окне свойств нажимаем на «Список всех режимов».
4. Далее выбираем необходимое разрешение экрана и сохраняем изменение кнопкой OK.

Через программную оболочку драйвера видеокарты

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

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

Чтобы воспользоваться этим способом, выполните последовательность действий:

1. Нажимаем правой кнопкой мыши по свободному месту рабочего стола и выбираем пункт меню, который относится к графическому адаптеру.
2. Далее переходим в меню, которое отвечает за дисплей.
3. Меняем разрешение экрана, после чего нажимаем «Сохранить» или OK.

После этого разрешение экрана сразу изменится.

Узнать и изменить разрешение экрана в Windows 10 очень просто. Настройка качества изображения не отнимет много времени и поможет сохранить ваше зрение в норме.

Установка

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

Чтобы увеличить конверсию в телефон, сделайте поп-апы более удобными. Используйте маску. Если вы поможете клиенту, он скорее выполнит то, что вам от него нужно. Маска подставляет код страны и оформляет номер телефона так, чтобы он лучше читался и его было легче проверить.

И в очередной раз смотрим А/Б тест. Одной части посетителей показывалось всплывающее окно с простым полем для ввода (вариант А), а другой — с маской (вариант Б).

Конверсия варианта А — 2,7%;

Конверсия варианта Б — 3,3%.

Маска подсказывает человеку, что от него требуется и отвечает на вопросы “писать номер через 8 или +7”.

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

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

Всплывающий баннер для сайта

Чаще всплывающее окно на сайте необходимо для размещения рекламного баннера. Это тоже реализуется через плагин Popup Maker.

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

Только вместо настройки формы подписки мы будем загружать баннер. Предварительно он должен быть создан в виде картинки.

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

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

Далее рекламное изображение появится в записи

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

Для этого кликните по загруженной картинке и по иконке в виде карандашика. Поставьте в дополнительных настройках галочку около опции Открывать в новой вкладке.

Переходим к основным настройкам поп ап окна для сайта.

Настройки имеют 5 разделов:

• Триггеры
• Нацеливание
• Отображение
• Закрыть
• Продвинутый.

Триггер

Триггеры вызывают открытие всплывающего окна.

Выбирать особо не приходится, потому что триггера только 2: кнопка «Открыть» или Автооткрытие.

Вы должны понимать, что большинству посетителей сайта даже в голову не придет открыть pop up окно. Поэтому я советую установить триггер Задержка времени/Автооткрытие.

При втором варианте важно установить время появления поп ап баннера. По умолчанию – это 5 секунд

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

На это есть 2 причины. Причина №1. Если пользователь пришел из поиска по запросу, и его заинтересовала статья, его цель – узнать подробности. Поэтому, если реклама появится сразу после загрузки статьи, он может отреагировать негативно и уйти с вашего сайта.

Причина №2 вытекает из первой причины. Если читатель закрыл сайт, пробыв на нем менее 15 секунд, для поисковых роботов это будет сигналом, что на ресурсе некачественная информация и не отвечает на запрос пользователя! Поэтому с этой настройкой будьте внимательны.

Нацеливание

На мой взгляд, замечательная настройка. Она позволяет указать место на сайте, где вывести баннер. Это может быть главная страница сайта, все статьи (записи), все страницы, рубрики или конкретно в одной статье или на одной странице.

Ниже есть настройка – отключить popup на мобильных устройствах. Я рекомендую это сделать, т.к. всплывающее окно в виде картинки не адаптируется под мобильное устройство и закрывает весь экран. Пользователи в этом случае просто покидают сайт.

Отображение

Эта настройка позволяет поработать над внешним видом рекламного баннера через выбор темы. Можно поэкспериментировать, но самые популярные темы – это Light Box и Hello Box.

Функция Настроить тему позволяет изменить ее параметры, например, цвет рамки, прозрачность фона, ширину контейнера, изменить цвет заголовка, стиль и т.д.

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

Закрыть

Это последняя настройка в оформлении окна, которой нужно уделить внимание. Продвинутые настройки используются по желанию

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

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

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