Сервисы по созданию всплывающего окна на сайте 13 февраля 2017

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

Сложные способы

• При помощи javascript

В программировании основным средством для создания всплывающего окна является javascript.

• При помощи CSS

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

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

Простые способы

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

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

• Hello Bar

Установка по шагам

Пройдите регистрацию на сайте hellobar.com;

Вам предлагается вставить код в шаблон своего сайта, также можно установить плагин, если у вас сайт работает на Wordpress;

Определитесь с задачей, которую вы хотите решить, используя всплывающее окно: сбор email, показ посадочной страницы, звонок в один клик, перенаправление через баннер в социальные сети;

Нужно вписать номер мобильного телефона и выбрать страну;

Подберите тип всплывающего окна pop-up: расположение баннера наверху, посередине или внизу сайта;

Задайте время, через которое окно будет показано (сразу, через 5, 10 или 60 секунд, после просмотра какого-то количества страниц сайта или, когда пользователь вовсе собрался покинуть сайт);

Нажмите «Save & Publish» (сохранить и опубликовать);

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

Стоимость использования: платный тариф начинается от 15 долларов в месяц, при оплате за год – скидка 15 %. Существует бесплатная версия с ограниченным функционалом:

• GetSiteControl

Установка по шагам

Для начала зарегистрируйтесь на сайте GetSiteControl.com;

Получите код, скопируйте и вставьте в код шаблона на своем сайте перед закрывающим тегом body;

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

Вы можете подобрать нужный вам виджет: опросник, форму для отправки email, показ нужной вам страницы, просьба подписаться на email-рассылку, кнопки социальных сетей, онлайн-чат;

Выбранный виджет нужно отредактировать (внешний вид и параметры отображения на сайте);

И последним шагом будет активация виджета.

Стоимость использования: от 10 долларов в месяц за подключение одного сайта. Оплатив сразу за год можно получить скидку 20 %. А еще есть бесплатный тариф с базовым функционалом, который поможет вам ознакомиться с сервисом.

• Witget

Установка по шагам

Зарегистрируйтесь на сайте Witget.com;

Необходимо добавить предложенный код шаблона сайта перед закрывающим тегом body;

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

Можно вставить иконки социальных сетей, которые вы хотите видеть на pop-up, а также изображение;

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

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

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

Стоимость использования: от 700 рублей в месяц за базовый тариф, можно подключить два сайта. Расширенные возможности есть, начиная с тарифа Advanced. Можно бесплатно попробовать сервис, подключив тестовый период – семь дней.

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

• Popups
• WordPress PopUp
• Scroll Triggered Boxes
• WordPress Notification Bar
• WP Popup Plugin - Lightbox Popup
• PopupAlly
• YITH Newsletter Popup

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

При подключении попап-окна, учитывайте разрешения экранов устройств ваших посетителей, рассчитывайте на золотой стандарт – 1024*768.

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

Советы для pop-up, чтобы не раздражать

1) Pop-up должен быть оптимального размера: не слишком большим и не слишком маленьким;

2) Дозируйте показы

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

3) Не спешите

Появление pop-up сразу после захода на сайт – это плохо. Настройте его появление через какое-то время или после совершения действий на вашем сайте.

4) Должна быть кнопка «Закрыть» в виде привычного крестика

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

5) Понятный призыв к действию

Большая ошибка - перегрузка всплывающего окна информацией. Одна задача – один призыв к действию. Например, если вы хотите увеличить число подписчиков на Фейсбук, то делайте pop-up таким, чтобы он понятно объяснял, что вы предлагаете посетителю вашего сайта подписаться на страницу в Фейсбук.