Режем баннеры и popup’ы на бесплатных хостингах


Оглавление (нажмите, чтобы открыть):

Как убрать рекламу с сайтов на бесплатном хостинге

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

Привожу примеры кода, чтобы убрать рекламу у самых известных хостинг-провайдеров, таких как: narod.ru ,jino-net.ru, ucoz.ru, hut.ru/holm.ru, tu1.ru

Для jino-net.ru:

1)Вставляем перед тегом тег
2)или так

Для holm.ru

Чтобы сместить баннер вниз страницы можно написать внизу код:

Установка всплывающего окна на сайте с помощью бесплатного плагина Popup Maker. Рекламный баннер и форма подписки

Всем привет! Для привлечения внимания читателей блога к определённому событию, ресурсу, объявлению иногда недостаточно просто указать ссылку где-то в статье. Что говорить о простых текстовых ссылках, если сейчас известно, что даже реклама в сайдбаре работает плохо.

Чтобы зацепить внимание посетителя веб-ресурса, можно применить «тяжелую артиллерию» – всплывающее окно для сайта. Это может быть рекламный баннер, объявление, приглашение перейти на сайт или видеоролик, предложение услуг и т.д. Я назвала такой способ рекламы «тяжелой артиллерией», потому что pop up часто раздражает читателей.

На блог, созданный на движке wordpress, всплывающее окно можно установить с помощью бесплатного плагина Popup Maker.

Как добавить плагин на сайт

Процесс добавления Popup Maker на вашу площадку происходит по аналогии с другими плагинами.

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

Теперь плагин нужно установить и активировать.

Настройка всплывающего окна

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

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

Я буду показывать на примере. Вы будете использовать свой вариант.

Второе поле заполнять не обязательно.

Далее обратите внимание на зеленый значок в панели инструментов, при наведении на который отображается подсказка Шорткоды Popup Maker.

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

Как работает форма подписки через плагин Popup Maker

Выбор этой функции вызывает окно с настройками, где имеется 4 вкладки:

  • Основные
  • Форма
  • Конфиденциальность
  • Действия.

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

Как вариант, форма подписки может быть такой.

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

Наверняка вас заинтересовал вопрос, а где же собираются подписчики?

В консоли в меню Popup Maker есть раздел Подписчики. Именно здесь формируется список пользователей, которые оставили свои контакты.

Если вы пользуетесь сервисом рассылок, можно скопировать список подписчиков и перенести данные туда. Ну а далее через письма вы сможете с ними взаимодействовать.

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

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

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

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

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

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

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

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

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

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

Триггер

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

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

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

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

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

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

Нацеливание

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

Отображение

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

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

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

Закрыть

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

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

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

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


Заключение

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

Автор статьи Ольга Абрамова, блог Денежные ручейки

OpenRate.us

Сайт про CRM-маркетинг, рассылки и вот это всё

Выбираем сервис по созданию всплывающих окон

Мы сравнили 7 российских и 9 зарубежных сервисов для сбора email адресов по 11 параметрам. Получилась огромная сравнительная таблица.

Когда у нас встал вопрос как собирать и пополнять базу email-адресов, мы подумали о всплывающих окнах. Не как об основном, а дополнительном способе. Но так как pop-up — коварная штука, прежде чем устанавливать что-то на сайт, мы решили подробно изучить тему: отобрали 16 сервисов, провели исследование популярности, а теперь сравнили сервисы. Делимся с вами результатами проделанной работы.

О российских сервисах мы подробно расскажем в серии обзоров. Первый обзор опубликуем совсем скоро.

Каждый сервис мы протестировали — настроили всплывающее окно для сбора email-адресов, установили на сайт, посмотрели как оно выглядит на десктопном и мобильном устройстве. Для точности: устройства MacBook Pro 13 дюймов и IPhone 6.

Сравнительная таблица

Мы сравнили сервисы по следующим критериям:

  • Бесплатный тариф
  • Тестовый период
  • Стоимость минимального тарифа

2) Ограничения при бесплатном использовании

  • Типы окон
  • Варианты отображения
  • Настройки показа
  • Шаблоны

5) Интеграция с сервисами email-рассылок

Дополнительно для каждого сервиса указали доступные языки.

В критерии «Интеграция с сервисами email-рассылок» указан неисчерпывающий список сервисов.

Способ установки не вынесли отдельным критерием. Он одинаков — устанавливается код на нужные страницы сайта.

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

Сравнительная таблица сервисов по созданию pop-up

Дополнения и личные впечатления

Мы не даем оценки сервисам. Просто делимся ощущениями, наблюдениями и тем, с чем столкнулись при тестировании.

Witget

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

Интересно, что А/В тестирование не заявлено отдельной функцией, но тест можно провести: дублируете шаблоны и настраиваете показ в разное время или дни.

PopMechanic

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

JumpOut

Про адаптивность — само окно отображается корректно, а вот заполнять поля неудобно. Окно и поля «убегают» за края экрана. Условие показа окна «Пользователь собирается покинуть сайт» на мобильных устройствах действует иногда с задержкой. Статистика не подробная, просто цифры: сколько раз показано окно и конверсия. Есть серия попапов — позволяет показывать несколько попапов каждому посетителю, через заданное количество дней (похоже на серию писем). Можно настроить показ иконки для закрытия окна. Для интеграции можно использовать код формы любого сервиса. В момент оформления материала сайт сервиса не открывался некоторое время. Печально.

MailGet

Тоже простой по набору функций сервис. При регистрации дается 100 кредитов для тестирования сервиса. За одного подписчика списали 5 кредитов. На мобильном окно некорректно работает при горизонтальном положении — нет адаптации, не прокручивается. Личный кабинет удобный и понятный.

CartProtector

Этот сервис — лидер в нашем исследовании популярности . Количество запросов в поисковиках — 507. Визуально приятный сайт, простой в использовании личный кабинет. «Фишка» сервиса в том, что он отправляет письма с персональным предложением ничего не купившему клиенту, после ухода с сайта. Что называется — берите, пока «горяченький».

Настроить сервис можно вручную или автоматически — заполняете анкету и оптимальные настройки подбираются специалистами CartProtector.

Интеграции с сервисами email-рассылки нет, но есть экспорт полученных адресов, которые можно потом импортировать в нужный сервис рассылки.
Краткий обзор сервиса CartProtector —>>

Keplerleads

Этот сервис не попал в наше исследование популярности, мы узнали о нем позже. Но решили включить его в сравнение. Нужно поддерживать молодых и перспективных ребят, тем более из России 🙂 Действия после отправки: редирект, закрыть, сказать спасибо. Можно спрятать кнопку «Закрыть». Тестируемый шаблон окна отлично отображается на смартфоне в любом положении экрана. Есть цепочки виджетов. У этих ребят все в порядке с email маркетингом. Они рекордсмены по количеству присылаемых писем в день 🙂

SumoMe

Очень уж замороченный сервис, особенно для тех у кого «английский со словарем». Способ настройки отличается от всех остальных сервисов. Но «не как у всех» не значит лучше. Платить деньги за этот сервис мы бы не стали. Может первое впечатление обманчиво?

WisePops

Среди клиентов в глаза бросились BBC и Гринпис. Включается/отключается показ кнопки закрытия и закрытие при клике на область за окном. Есть предпросмотр — быстрый, т.е открывается прям в конструкторе окна и есть на настраиваемом сайте. Окна не адаптируются под устройства в привычном смысле, но при этом отображаются корректно, содержимое окна «пролистывается» в самом окне. Сложно объяснить, нужно смотреть 🙂 Несмотря на то, что лого на бесплатном тарифе убрать нельзя, оно отображается очень ненавязчиво, в виде звездочки, при наведении на нее появляется название сервиса. Будь у Wisepops бесплатный тариф — мы бы назвали этот сервис нашим фаворитом.

Мастер Йода рекомендует:  Полезная реклама — производитель снеков научил 24 тысячи подростков программировать

OptinMonster

Полностью платный сервис. Указано, что возвращают деньги, если в течение 14 дней не возникнет любви к нему. Но проверить это мы не решились 🙂 Если вы рискнули — поделитесь, как оно?

Hello Bar

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

MailMunch

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

Picreel

После подписки есть два действия — закрыть окно и редирект на указанную страницу. Также можно указать сообщение, которое будет показываться после отправки данных. Есть функции «Скрыть кнопку закрытия» и «Закрывать при клике на затемненную область». Адаптивный дизайн заявлен, но тестируемый шаблон не адаптировался под смартфон. У этого сервиса не самый удобный личный кабинет.

GetSiteControl

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

Malerex

Довольно простой по набору функций сервис. Стандартные поля: имя, email, телефон и одно поле можно добавить свое. Каждое из полей можно сделать обязательным. Есть предпросмотр на ПК, планшете и смартфоне. Условие показа «Пользователь собирается покинуть сайт» не действует на мобильных устройствах.

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

ManyContacts

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

OptiMonk

Есть предпросмотр на смартфоне, ПК и планшете. Настраивается показ кнопки закрытия с задержкой. Можно включить/выключить описание в окне и оставить только заголовок и поля. Можно настроить поля со своими названиями. Есть настройка действия после отправки (показать благодарность, закрыть или редирект) и добавление политики конфиденциальности. Условие показа «При уходе» работает только на ПК. Окно хорошо адаптировано на любые положения экрана.

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

Если вы работали с одним, а может и с несколькими из этих сервисов — делитесь впечатлениями в комментариях.

Выбираем сервис по созданию всплывающих окон : 3 комментария

Спасибо огромное за обзор! Очень помогли.


Отлично, что подняли тему виджетов (а именно так называются всплывающие окна. Для многих виджеты-надоедливые «сплывашки», а ведь они здорово поднимают конверсию и продажи, могут собрать базу подписчиков, «добить» первые покупки.
Наконец-то появилась вот такая сравнительная, в которую вошел и наш сервис Witget.com.
Ждем новых обзоров!

  1. Анжелика Автор записи 28.07.2020 в 16:42

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

Всплывающие окна на сайте: как заинтересовать ваших пользователей

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

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

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

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

Попап (Pop-Up) – когда при переходе на сайт баннер покрывает экран пользователя, и продолжить работу с сайтом можно только после его закрытия.

Попандер (Pop-Under) – когда при переходе на сайт появляется баннер, но не мешает посетителю взаимодействовать с сайтом.

Многие путают и называют все всплывающие окна попапами, но теперь-то вы знаете, что к чему, и не ошибетесь.

Для чего можно использовать:

  • проинформировать пользователя об акциях и спецпредложениях;
  • показать новый продукт или услугу;
  • предложить подписаться на рассылку;
  • выделить полезную функцию (если у вас сервис);
  • напомнить о товарах в корзине и т.д.

Основные элементы, которые должно содержать всплывающее окно:

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

Пример всплывающего окна:

Рекомендации по контенту

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

1. Полезным. Скидка 5% или 100 рублей на баланс вряд ли кого-то привлекут, поэтому предлагайте интересные бонусы.

От такого предложения будет трудно отказаться:

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

Хорошие варианты

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

Регистрация на сайте уместна, но пользователь только зашел на сайт и так агрессивно нападать на него не стоит:

Наша форма подписки, которая появляется внизу статьи:

3. Понятным. Кратко и прозрачно изложите суть предложения. Длинные сообщения и невнятные условия отталкивают. Обязательно укажите выгоду для клиента.

  • «Дарим 1 000 рублей за подписку на наши новости» + форма подписки.
  • «Скидка 20% на первый заказ» + форма регистрации.
  • «Посмотрите похожие товары со скидкой» + ссылка на соответствующий раздел.

Предложение слишком общее:

Пример лаконичного текста:

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

Надпись внизу не сразу заметна:

Симпатично и по делу:

5. С возможностью отказаться. Кнопка «Закрыть» должна быть заметна и удобна для клика.

Кнопка закрытия не сразу заметна:

Заметная небольшая кнопка:

6. Ненавязчивым. Показывайте предложение каждому пользователю один раз. Можно повторять показ не чаще раза в неделю.

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

Слишком большой и яркий баннер, да еще второе окно ниже:

Тоже яркий, но ненавязчивый пример всплывающего окна на сайте:

Технические особенности

Добавить всплывающие окна на сайт можно:

  • С помощью HTML и JavaScript.
  • Применяя плагины для вашей CMS. Например, если у вас сайт на WordPress, то для него есть готовые плагины ITRO Popup Plugin, Optinmonster, YITH Newsletter Popup и др.
  • Используя готовые сервисы: Witget, PopMechanic, CartProtector и др.

Основные варианты настройки:

  • Показ окна после определенного времени. Оптимальное время – 30-90 секунд, когда пользователь уже изучил основную информацию на странице.
  • Сообщение для новых пользователей. Как и для предыдущего способа, лучше выждать немного времени, чтобы не отталкивать посетителя. Рекомендуем предлагать крупный бонус за регистрацию или первый заказ. Такой вариант особенно подойдет для Главной страницы.
  • Вывод окна после прокрутки до определенного места страницы. Хороший вариант для статьи, когда пользователь прочитал ее полностью, или для страницы каталога, когда пользователь дошел до конца списков товаров и ничего не выбрал. Можно показывать сообщение чуть раньше, после прокрутки 50-70% страницы.
  • Показ перед закрытием сайта. Когда курсор направляется в сторону закрытия вкладки, можно тоже показать всплывающее окно.
  • Сообщение для вернувшихся пользователей. Посетитель уже явно заинтересован в вашем продукте, поэтому почему бы не рассказать ему о дополнительных возможностях.

Еще совет: не пытайтесь обойти системы блокировки. Если клиент использует Adblock или другие блокировщики рекламы, то это его право.

Аналитика

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

Еще рекомендуем тестировать различные варианты, чтобы понять интересы вашей аудитории, например, можно предлагать разные бонусы за подписку. Рекомендуем инструмент от Google Analytics – «Эксперименты», но для настройки понадобится привлечь программистов.

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

Отношение поисковых систем

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

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

Google тоже сообщил, что нужно аккуратнее использовать всплывающие окна, особенно на мобильных. Попадают в зону риска баннеры на весь экран и те, что мешают изучению основной информации на сайте. Еще можно отметить рекомендации от Coalition for Better Ads, на которые ориентируется Google Chrome при блокировке рекламы.

В целом поисковые системы не против всплывающих окон, если они полезны для пользователя.

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

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

OpenRate.us


Сайт про CRM-маркетинг, рассылки и вот это всё

Выбираем сервис по созданию всплывающих окон

Мы сравнили 7 российских и 9 зарубежных сервисов для сбора email адресов по 11 параметрам. Получилась огромная сравнительная таблица.

Когда у нас встал вопрос как собирать и пополнять базу email-адресов, мы подумали о всплывающих окнах. Не как об основном, а дополнительном способе. Но так как pop-up — коварная штука, прежде чем устанавливать что-то на сайт, мы решили подробно изучить тему: отобрали 16 сервисов, провели исследование популярности, а теперь сравнили сервисы. Делимся с вами результатами проделанной работы.

О российских сервисах мы подробно расскажем в серии обзоров. Первый обзор опубликуем совсем скоро.

Каждый сервис мы протестировали — настроили всплывающее окно для сбора email-адресов, установили на сайт, посмотрели как оно выглядит на десктопном и мобильном устройстве. Для точности: устройства MacBook Pro 13 дюймов и IPhone 6.

Сравнительная таблица

Мы сравнили сервисы по следующим критериям:

  • Бесплатный тариф
  • Тестовый период
  • Стоимость минимального тарифа

2) Ограничения при бесплатном использовании

  • Типы окон
  • Варианты отображения
  • Настройки показа
  • Шаблоны

5) Интеграция с сервисами email-рассылок

Дополнительно для каждого сервиса указали доступные языки.

В критерии «Интеграция с сервисами email-рассылок» указан неисчерпывающий список сервисов.

Способ установки не вынесли отдельным критерием. Он одинаков — устанавливается код на нужные страницы сайта.

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

Сравнительная таблица сервисов по созданию pop-up

Дополнения и личные впечатления

Мы не даем оценки сервисам. Просто делимся ощущениями, наблюдениями и тем, с чем столкнулись при тестировании.

Witget

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

Интересно, что А/В тестирование не заявлено отдельной функцией, но тест можно провести: дублируете шаблоны и настраиваете показ в разное время или дни.

PopMechanic

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

Мастер Йода рекомендует:  Представлен стабильный релиз Django 2.1

JumpOut

Про адаптивность — само окно отображается корректно, а вот заполнять поля неудобно. Окно и поля «убегают» за края экрана. Условие показа окна «Пользователь собирается покинуть сайт» на мобильных устройствах действует иногда с задержкой. Статистика не подробная, просто цифры: сколько раз показано окно и конверсия. Есть серия попапов — позволяет показывать несколько попапов каждому посетителю, через заданное количество дней (похоже на серию писем). Можно настроить показ иконки для закрытия окна. Для интеграции можно использовать код формы любого сервиса. В момент оформления материала сайт сервиса не открывался некоторое время. Печально.

MailGet

Тоже простой по набору функций сервис. При регистрации дается 100 кредитов для тестирования сервиса. За одного подписчика списали 5 кредитов. На мобильном окно некорректно работает при горизонтальном положении — нет адаптации, не прокручивается. Личный кабинет удобный и понятный.

CartProtector

Этот сервис — лидер в нашем исследовании популярности . Количество запросов в поисковиках — 507. Визуально приятный сайт, простой в использовании личный кабинет. «Фишка» сервиса в том, что он отправляет письма с персональным предложением ничего не купившему клиенту, после ухода с сайта. Что называется — берите, пока «горяченький».

Настроить сервис можно вручную или автоматически — заполняете анкету и оптимальные настройки подбираются специалистами CartProtector.

Интеграции с сервисами email-рассылки нет, но есть экспорт полученных адресов, которые можно потом импортировать в нужный сервис рассылки.
Краткий обзор сервиса CartProtector —>>

Keplerleads

Этот сервис не попал в наше исследование популярности, мы узнали о нем позже. Но решили включить его в сравнение. Нужно поддерживать молодых и перспективных ребят, тем более из России 🙂 Действия после отправки: редирект, закрыть, сказать спасибо. Можно спрятать кнопку «Закрыть». Тестируемый шаблон окна отлично отображается на смартфоне в любом положении экрана. Есть цепочки виджетов. У этих ребят все в порядке с email маркетингом. Они рекордсмены по количеству присылаемых писем в день 🙂

SumoMe

Очень уж замороченный сервис, особенно для тех у кого «английский со словарем». Способ настройки отличается от всех остальных сервисов. Но «не как у всех» не значит лучше. Платить деньги за этот сервис мы бы не стали. Может первое впечатление обманчиво?

WisePops

Среди клиентов в глаза бросились BBC и Гринпис. Включается/отключается показ кнопки закрытия и закрытие при клике на область за окном. Есть предпросмотр — быстрый, т.е открывается прям в конструкторе окна и есть на настраиваемом сайте. Окна не адаптируются под устройства в привычном смысле, но при этом отображаются корректно, содержимое окна «пролистывается» в самом окне. Сложно объяснить, нужно смотреть 🙂 Несмотря на то, что лого на бесплатном тарифе убрать нельзя, оно отображается очень ненавязчиво, в виде звездочки, при наведении на нее появляется название сервиса. Будь у Wisepops бесплатный тариф — мы бы назвали этот сервис нашим фаворитом.

OptinMonster

Полностью платный сервис. Указано, что возвращают деньги, если в течение 14 дней не возникнет любви к нему. Но проверить это мы не решились 🙂 Если вы рискнули — поделитесь, как оно?

Hello Bar

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

MailMunch

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

Picreel

После подписки есть два действия — закрыть окно и редирект на указанную страницу. Также можно указать сообщение, которое будет показываться после отправки данных. Есть функции «Скрыть кнопку закрытия» и «Закрывать при клике на затемненную область». Адаптивный дизайн заявлен, но тестируемый шаблон не адаптировался под смартфон. У этого сервиса не самый удобный личный кабинет.

GetSiteControl

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

Malerex

Довольно простой по набору функций сервис. Стандартные поля: имя, email, телефон и одно поле можно добавить свое. Каждое из полей можно сделать обязательным. Есть предпросмотр на ПК, планшете и смартфоне. Условие показа «Пользователь собирается покинуть сайт» не действует на мобильных устройствах.

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

ManyContacts

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

OptiMonk

Есть предпросмотр на смартфоне, ПК и планшете. Настраивается показ кнопки закрытия с задержкой. Можно включить/выключить описание в окне и оставить только заголовок и поля. Можно настроить поля со своими названиями. Есть настройка действия после отправки (показать благодарность, закрыть или редирект) и добавление политики конфиденциальности. Условие показа «При уходе» работает только на ПК. Окно хорошо адаптировано на любые положения экрана.

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

Если вы работали с одним, а может и с несколькими из этих сервисов — делитесь впечатлениями в комментариях.

Выбираем сервис по созданию всплывающих окон : 3 комментария

Спасибо огромное за обзор! Очень помогли.

Отлично, что подняли тему виджетов (а именно так называются всплывающие окна. Для многих виджеты-надоедливые «сплывашки», а ведь они здорово поднимают конверсию и продажи, могут собрать базу подписчиков, «добить» первые покупки.
Наконец-то появилась вот такая сравнительная, в которую вошел и наш сервис Witget.com.
Ждем новых обзоров!

  1. Анжелика Автор записи 28.07.2020 в 16:42

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

Pop-up баннеры

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

Практика показывает, что на глубину просмотра сайта всплывающие popup баннеры значительного влияния не оказывают, если применять их только один раз для каждого пользователя. Так что, установив на свой белый и пушистый сайт pop-up рекламу вы не потеряете своих постоянных посетителей. Естественно, если реклама будет показываться с разумными ограничениями, для большинства систем pop up рекламы это ограничение установлено в 24 часа для каждого ip/посетителя.

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

Если сайт у вас приличный, то придется искать систему pop up баннеров, которая не показывает adult рекламу. Подобных посредников между рекламодателями и вебмастерами очень мало и стоимость такой рекламы обычно в два раза меньше взрослоориентированной. Но зато вы сохраните своих постоянных посетителей и сможете пользоваться другими видами рекламы на сайте, например AdSense. Доподлинно известно, что AdSense банит аккаунты за использование эротических pop up окон на сайте.

Теперь обсудим тонкости начисления денег за pop up рекламу для вебмастера. Если в системе написано, что они начисляют 100 рублей за 1000 показов, то это далеко не значит, что с сайта посещаемостью 1000 посетителей в сутки можно спокойно получать 100 рублей в день. Везде и всегда в таких системах есть подводные камни.

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

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

В итоге практически половина посетителей оказывается неоплаченной у вас на сайте. Т.е. имея 1000 посетителей в сутки, с pop up баннеров вы будете получать только за 500 кликов/показов/действий в зависимости от системы рекламы.

Перейдем к конкретным системам popup рекламы. Если вам важен ваш сайт и ваши посетители, то рекомендую использовать систему BinLayer У них самая высокая ставка для российкого сегмента интернета — 105 рублей за 1000 контактов (закрытий баннера, как они его называют)

Если у вас дорвей или знатный варезник, который ни черта не приносит на контекстной рекламе, то дороже кликов, чем в ClickUnder не найти — до 210 рублей за 1000 переходов на adult.

Новые промо-баннеры для участников реферальной программы

REG.RU представляет новые промо-баннеры, рассказывающие о таких услугах компании, как домены, хостинг, конструктор сайтов, VPS и Dedicated, с помощью которых участники реферальной программы могут привлекать клиентов и увеличивать количество заказов. Новые рекламные баннеры с полезной информацией и запоминающимся дизайном готовы к размещению на вашем сайте.

Баннеры, выполненные в ярком фирменном стиле REG.RU, расскажут об обновленных тарифах, действующих скидках и выгодных предложениях. На странице баннеров предлагается удобная сортировка, c помощью которой Вы можете быстро найти нужный баннер по тематике, размеру и формату (jpg, gif, flash).

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

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

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

Popups — бесплатный WordPress плагин для всплывающих окон

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

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

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

Опыт использования подобных плагинов некоторыми владельцами сайтов на других ресурсах подтверждает, что количество подписчиков, к примеру, на e-mail рассылку может увеличиться на 500%.

Плагин WordPress Popup

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

Настройка плагина

После загрузки и активации плагина появится новый раздел меню под названием «Popups», где, собственно, и настраиваются нужные вам всплывающие окна для вашего сайта. В разделе «All Popups» (Все всплывающие окна) есть демо-версия, которую можно начинать настраивать. Всплывающее окно загружается в визуальном редакторе, что позволяет вам отредактировать заголовок текста и добавить любой контент в тело:

Там вы найдете и шорткоды для отображения кнопок социальных сетей для Facebook, Google и Twitter. Внизу указаны параметры для этих шорткодов, так что вы можете добавить URL и другие параметры в кнопку:

Под параметрами шорткода находится бокс «Popup Display Rules» (Правила отображения всплывающих окон). В нем вы выбираете место на сайте, где должно появляться всплывающее окно — конкретная страница, тип поста, прочее.

И, наконец, есть бокс «Display Options» (Параметры отображения), в котором настраиваются все параметры внешнего вида всплывающих окон — призывы к действию, триггеры, анимации, фоновый цвет, наложение непрозрачности, цвет границы, прочее:

После настройки параметров нажмите на «Publish» (Публиковать), а затем на «View Post» (Просмотреть пост), и вы увидите, как работает всплывающее окно:

Функции плагина

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

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

Доступные настройки

  • Выбор из пяти возможных местоположений всплывающего окна
  • Триггеры-окна, всплывающие после N–го количества секунд пребывания пользователя на сайте или % скроллинга страницы
  • Автоисчезновение всплывающего окна при возвращении пользователя вверх страницы
  • Изменение цвета шрифта, фона, границ, прочее
  • Настройка непрозрачности фона
  • Суточный интервал в появлениях всплывающего окна

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

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

Заключение

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

Источник: wplift.com

Насколько полезным был этот пост?

Нажмите на звезду, чтобы оценить этот пост!

Средний рейтинг: 5 / 5. Количество голосов: 1

Создавайте всплывающие сообщения и удерживающие баннеры

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

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

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

Три шага к созданию всплывающего баннера

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

Разработайте баннер

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

Персонализируйте код вставки

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

Добавьте на свою страницу


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

Дополните сайт всплывающими сообщениями, отложенными оповещениями и удерживающими баннерами

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

Установка пользовательских триггеров и уведомлений по времени при выходе

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

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

Различные варианты для любых ситуаций

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

Отображение — соскальзывание сверху

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

Отображение — всплывание по центру

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

Отображение — наезд снизу

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

Запуск — с задержкой во времени

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

Запуск — при намерении уйти

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

Запуск — при вызове функции

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

Повысьте функциональность сайта и увеличьте вовлечение посетителей

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

Всплывающие окна на сайте: как заинтересовать ваших пользователей

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

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

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

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

Попап (Pop-Up) – когда при переходе на сайт баннер покрывает экран пользователя, и продолжить работу с сайтом можно только после его закрытия.

Попандер (Pop-Under) – когда при переходе на сайт появляется баннер, но не мешает посетителю взаимодействовать с сайтом.

Многие путают и называют все всплывающие окна попапами, но теперь-то вы знаете, что к чему, и не ошибетесь.

Для чего можно использовать:

  • проинформировать пользователя об акциях и спецпредложениях;
  • показать новый продукт или услугу;
  • предложить подписаться на рассылку;
  • выделить полезную функцию (если у вас сервис);
  • напомнить о товарах в корзине и т.д.

Основные элементы, которые должно содержать всплывающее окно:

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

Пример всплывающего окна:

Рекомендации по контенту

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

1. Полезным. Скидка 5% или 100 рублей на баланс вряд ли кого-то привлекут, поэтому предлагайте интересные бонусы.

От такого предложения будет трудно отказаться:

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

Хорошие варианты

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

Регистрация на сайте уместна, но пользователь только зашел на сайт и так агрессивно нападать на него не стоит:

Наша форма подписки, которая появляется внизу статьи:

3. Понятным. Кратко и прозрачно изложите суть предложения. Длинные сообщения и невнятные условия отталкивают. Обязательно укажите выгоду для клиента.

  • «Дарим 1 000 рублей за подписку на наши новости» + форма подписки.
  • «Скидка 20% на первый заказ» + форма регистрации.
  • «Посмотрите похожие товары со скидкой» + ссылка на соответствующий раздел.

Предложение слишком общее:

Пример лаконичного текста:

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

Надпись внизу не сразу заметна:

Симпатично и по делу:

5. С возможностью отказаться. Кнопка «Закрыть» должна быть заметна и удобна для клика.

Кнопка закрытия не сразу заметна:

Заметная небольшая кнопка:

6. Ненавязчивым. Показывайте предложение каждому пользователю один раз. Можно повторять показ не чаще раза в неделю.

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

Слишком большой и яркий баннер, да еще второе окно ниже:

Тоже яркий, но ненавязчивый пример всплывающего окна на сайте:

Технические особенности

Добавить всплывающие окна на сайт можно:

  • С помощью HTML и JavaScript.
  • Применяя плагины для вашей CMS. Например, если у вас сайт на WordPress, то для него есть готовые плагины ITRO Popup Plugin, Optinmonster, YITH Newsletter Popup и др.
  • Используя готовые сервисы: Witget, PopMechanic, CartProtector и др.

Основные варианты настройки:

  • Показ окна после определенного времени. Оптимальное время – 30-90 секунд, когда пользователь уже изучил основную информацию на странице.
  • Сообщение для новых пользователей. Как и для предыдущего способа, лучше выждать немного времени, чтобы не отталкивать посетителя. Рекомендуем предлагать крупный бонус за регистрацию или первый заказ. Такой вариант особенно подойдет для Главной страницы.
  • Вывод окна после прокрутки до определенного места страницы. Хороший вариант для статьи, когда пользователь прочитал ее полностью, или для страницы каталога, когда пользователь дошел до конца списков товаров и ничего не выбрал. Можно показывать сообщение чуть раньше, после прокрутки 50-70% страницы.
  • Показ перед закрытием сайта. Когда курсор направляется в сторону закрытия вкладки, можно тоже показать всплывающее окно.
  • Сообщение для вернувшихся пользователей. Посетитель уже явно заинтересован в вашем продукте, поэтому почему бы не рассказать ему о дополнительных возможностях.

Еще совет: не пытайтесь обойти системы блокировки. Если клиент использует Adblock или другие блокировщики рекламы, то это его право.

Аналитика

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

Еще рекомендуем тестировать различные варианты, чтобы понять интересы вашей аудитории, например, можно предлагать разные бонусы за подписку. Рекомендуем инструмент от Google Analytics – «Эксперименты», но для настройки понадобится привлечь программистов.

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

Отношение поисковых систем

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

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

Google тоже сообщил, что нужно аккуратнее использовать всплывающие окна, особенно на мобильных. Попадают в зону риска баннеры на весь экран и те, что мешают изучению основной информации на сайте. Еще можно отметить рекомендации от Coalition for Better Ads, на которые ориентируется Google Chrome при блокировке рекламы.

В целом поисковые системы не против всплывающих окон, если они полезны для пользователя.

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

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

Мастер Йода рекомендует:  Начинаем работу с WebAssembly
Добавить комментарий