vsplyvayushhie-okna-na-sajte-kak-ustanovit

всплывающие окна на сайте: как установить

Привет. Знаете, как получить больше конверсии на Ваш сайт/блог?  Чтобы удержать посетителей. Чтобы они возвращались. Как помогут в этом всплывающие окна на сайте. С помощью какого плагина их можно установить. Как это сделала я на примере движка Ворд пресс, плагина и сервиса JumpOut. Читайте в статье.


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

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

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

виджет захватчик внимания

Подобные окошки часто называют попапами, всплывашками.

Сегодня будем настраивать всплывающее попап окно на своем блоге с помощью одного сервиса и плагина JumpOut.

Что такое Popup окна

Popup  окна — это оформленные в блок сообщения, которые появляются сами в определенный момент, согласно настройкам. Цель таких «всплывашек» – побудить клиента совершить определенное действие.  Это действие прописано в самом окне.

Всплывающие окна на сайте


Для чего используют popup окна

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

Отношение к всплывающим окнам  неоднозначное.

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

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

Что точно делать не стоит:

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

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

2. Размещать окно сразу при входе на сайт.

Посетитель еще только зашел, не успел оглядеться, освоиться. Он пока присматривается, изучает. Возможно, что он вообще случайно попал на ваш сайт. И тут, бац, прямо в лоб, как черт из табакерки выскакивает ваше предложение. Раздражение на вас и ваш сайт обеспечено в 90% случаев.

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

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

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

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

Всплывающие окна на сайте

5. Не поставить кнопку или крестик для закрытия окна

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

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

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

Всплывающие окна на сайте

Установка поп ап окна по шагам. Плагин JumpOut

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

Поп ап окно я установила с помощью плагина JumpOut.

Расскажу по шагам, как все происходило. Это не сложно.

1.Переходите на сайт JumpOut.

всплывающие окна на сайте
Стандартная процедура регистрации. ФИО, почта.

Подтверждение почты, переход по ссылке из письма на сервис.

всплывающие окна на сайте

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

Всплывающие окна на сайте

Есть даже видео, в котором советы по работе с JumpOut дает сам разработчик сервиса Юджин.

Сервис предоставляет бесплатный тариф в течение 15 дней.

Всплывающие окна на сайте

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

Всплывающие окна на сайте

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

Всплывающие окна на сайте

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


Установка кода на сайт

Далее нужно установить код на ваш сайт.

Всплывающие окна на сайте

Вы можете установить код самостоятельно или поручить это своему веб-мастеру. Я выбрала самостоятельную установку.

Всплывающие окна на сайте

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

Всплывающие окна на сайте

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

Тоже вполне стандартная процедура поиска и установки плагина. Плагины — добавить новый.

Всплывающие окна на сайте

В поисковую строку вводим название плагина — JumpOut.  Затем, как всегда, загрузить, установить.

Всплывающие окна на сайте

Активировать плагин

Всплывающие окна на сайте

Далее, плагин появится в колонке справа и в списке прочих плагинов.

Всплывающие окна на сайте

Приветствие от разработчиков и можно начать использование плагина

Всплывающие окна на сайте

Но перед этим разрешить приложению доступ к вашему аккаунту

Всплывающие окна на сайте

Видите, на скриншоте, в консоли, в плагине появилась надпись, что код благополучно установлен на наш сайт?

Всплывающие окна на сайте

Создаем первый поп ап.

Это можно сделать двумя путями.

Во-первых, из самой консоли собственного сайта, перейдя на вкладку — новый попап.

Всплывающие окна на сайте

Не забудьте при этом нажать кнопку «синхронизировать»

Всплывающие окна на сайте

Или второй способ создания попапа — прямо из сервиса JumpOut, нажав на зеленую кнопку с надписью «создать джампаут.

Всплывающие окна на сайте

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

  1. Вводим название нашего окна
  2. Указываем свой домен
  3. Прописываем цель попап окна
  4. Выбираем тип окна
  5. Нажимаем «создать»

Всплывающие окна на сайте

Я выбрала цель — рекламировать страницу и решила посмотреть, сколько человек придет на предложение, размещенное в окне. Это было предложение моего партнера, его лендинг.

Можно выбрать другие варианты, например:

Cбор контактов и собирать себе базу подписчиков с блога.
Или вести посетителей на странички своих соц. сетей, собирать с них лайки и подписки.

Всплывающие окна на сайте

Делаем настройки дальше.

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

Всплывающие окна на сайте

Еще настроила два пункта —

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

И второй пункт — если человек уже переходил и кликал на кнопку, второй раз ему это же самое окно не покажется.

Идем дальше по настройкам сервиса. Дошла очередь до внешнего вида и текста в окне. Это вкладка «дизайн и тест».

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

Всплывающие окна на сайте

Из чего состоит всплывающее окно

  • Заголовок
  • Основной текст
  • Призыв к действию

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

Основной текст.
Иногда он совпадает с заголовком. Здесь уже можно коротко описать выгоды вашего предложения.

Призыв к действию.
Чтобы получить что-то, сделай вот это. Подпишитесь, перейдите, заполните, позвоните.


Вот что получилось у меня. Решила оставить это окно на 15-ти дневный бесплатный период. А там посмотрим.

Всплывающие окна на сайте

Через один день получилась вот такая статистика.

Всплывающие окна на сайте

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

Всплывающие окна на сайте

Вывод, который я сделала —

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

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


А как вы относитесь к подобным предложениям на сайте? Переходите ли сами, кликая на кнопку?  А в своем бизнесе используете? Напишите, пожалуйста, в комментариях. Интересно узнать ваше мнение.


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

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


С уважением, Наталия Цветова

 

Оставьте ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *