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

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

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

Это различные поп-ап сообщения (всплывающие сообщения) с предложениями, которые появляются в зависимости от разных условий.

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

Содержание:

Какой поп-ап плагин использовать?

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

  1. Создайте кампанию
  2. Отредактируйте попап
  3. Настройте получение скидки
  4. Опубликуйте поп-ап

Настройте условия показа поп-апа

  1. Приветственное сообщение
  2. Поп-ап при попытке покинуть сайт

Как создать скидку в виде ссылки

Какой попап плагин использовать?

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

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

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

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

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

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

OptinMonster

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

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

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

Еще один большой плюс сервиса — большое количество готовых шаблонов с высокой конверсией.

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

Перейдите на официальную страницу и купите одну из подписок.

1. Создайте кампанию

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

OptinMonster - Всплывающее окно
Всплывающее окно

Перейдите в админку OptinMonster и кликните Create Campaign:

OptinMonster - Создайте кампанию
Создайте кампанию

Выберите тип кампании. Для этого примера мы будем использовать Popup:

OptinMonster - Выберите тип кампании
Выберите тип кампании

Выберите шаблон для попапа. Всего более 30 шаблонов с разной разметкой и разными цветами.

Мы будем использовать тему Coupon. Прокрутите вниз или наберите coupon в поиске:

OptinMonster - Выберите тему Coupon
Выберите тему Coupon

Все шаблоны OptinMonster редактируются и настраиваются под ваши требования. Если вы хотите создать свой собственный шаблон, выберите Canvas.

Дайте название кампании, выберите сайт, на котором вы хотите использовать этот шаблон и нажмите кнопку Start Building:

OptinMonster - Назовите кампанию
Назовите кампанию

2. Отредактируйте попап

После того, как вы выбрали тип кампании и нажали Start Building, вы попадете в редактор кампании.

Справа находится окно предпросмотра, слева — инструменты редактирования. В правом верхнем углу находится кнопа Save:

OptinMonster - Редактор кампании
Редактор кампании

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

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

OptinMonster - Отредактируйте заголовок
Отредактируйте заголовок

Выделите виджет с текстом и замените текст на свой:

OptinMonster - Отредактируйте текст
Отредактируйте текст

Если вы хотите добавить изображение на ваш банер, нажмите кнопку +Add Blocks и перетащите виджет в нужное место:

OptinMonster - Добавьте изображение
Добавьте изображение

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

Чтобы изменить текст фона, нужно перейти в Optin SettingsOptin View Styles. Перейдите туда по кнопке Home или Design:

OptinMonster - Настройки шаблона
Настройки шаблона

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

OptinMonster - Измените фон
Измените фон

Кликните по форме в вашем банере, чтобы открыть ее настройки Editing Fields Element. Здесь вы можете сделать изменения полей формы, добавить форматирование и настроить действия по нажатия на кнопку:

OptinMonster - Настройте форму
Настройте форму

Если вы хотите изменить текст на кнопке, кликните по вкладке Button и напишите свой текст в поле Button Text:

OptinMonster - Напишите текст на кнопке
Напишите текст кнопки

3. Настройте получение скидки

После того, как вы настроили поп-ап, нужно настроить действие, которое происходит после того, как посетитель нажал на кнопку Get Started Now.

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

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

OptinMonster - Сообщение об успешной отправке
Сообщение об успешной отправке

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

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

Кликните по вкладке Action:

OptinMonster - Действие после отправки формы
Действие после отправки формы

Выберите действие Redirect to a URL в выпадающем меню Form Success Action.

В поле Redirect URL введите адрес, на который вы хотите перенаправлять посетителя после заполнения формы.

OptinMonster - Редирект после отправки формы
Редирект после отправки формы

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

Или текст скидки в виде ссылки с выбранным товаром и примененным купоном (пример читайте дальше, перейти).

4. Опубликуйте поп-ап

Чтобы опубликовать настроенный поп-ап, нажмите кнопку Publish, здесь находятся настройки для публикации. Измените статус поп-апа на Live:

OptinMonster - Включите поп-ап
Включите поп-ап

Добавьте поп-ап на сайт одним из этих способов:

  • С помощью плагина OptinMonster. Установите плагин, перейдите в его настройки в админке Вордпресс и нажмите Обновить. Вы увидите название вашей кампании, и увидите поп-ап в статусе Live.
  • Вы можете добавить поп-ап с помощью скрипта, который добавляется на все страницы сайта перед закрывающим тегом </body>.
  • Или вы можете добавить скрипт определенной кампании на определенную страницу.

Результат должен выглядеть так:

OptinMonster - Готовое всплывающее окно
Готовое всплывающее окно

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

Настройте условия показа поп-апа

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

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

Перейдите в настройки кампании и кликните Display Rules:

OptinMonster - Условия показа поп-апа
Правила показа поп-апа

В первом примере будет приветственное сообщение со скидкой для новых посетителей.

Приветственное сообщение

По умолчанию у поп-апа стандартное условие показа After X Seconds (Через Х секунд), то есть все посетители сайта будут видеть сообщение после определенного количества секунд.

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

Оставьте в левом выпадающем меню правило time on page (время на странице). В правом выпадающем меню выберите is immediate (немедленно):

OptinMonster - Условия показа
Выберите условия показа

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

OptinMonster - Выберите кому показывать поп-ап
Выберите, кому показывать поп-ап

Нажмите Сохранить.

Вы настроили 2 правила:

  • Посетитель увидит всплывающее сообщение немедленно, как только он откроет сайт
  • Только новые посетители увидят это сообщение

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

Еще один способ предложить скидку и сохранить клиента — при попытке посетителя покинуть сайт.

Поп-ап при попытке покинуть сайт

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

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

Чтобы использовать это правило для показа поп-апа, перейдите в Display Rules, и выберете в левом выпадающем меню exit intent (намерение выйти):

OptinMonster - Поп-ап при попытке покинуть сайт
Условие показа поп-апа при попытке покинуть сайт

С правой стороны вы можете выбрать чувствительность определения местонахождения мышки. В большинстве случаев достаточно оставить настройку Medium, но вы можете попробовать Low и High, чтобы найти более подходящий вариант для вашей кампании.

Все готово, можно проверить.

Эти два примера — не единственные варианты для показа поп-апов. С помощью правил в выпадающих меню вы можете настроить:

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

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

Как создать скидку в виде ссылки

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

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

После установки плагина перейдите в WooCommerceКупоны и создайте новый Купон:

URL Coupons - Создайте новый купон
Создайте новый купон

В настройках купона дайте купону уникальный URL:

URL Coupons - Дайте URL купону
Дайте URL купону

Этот URL вам нужно добавить в качестве ссылки для автоматического применения скидки в вашем поп-апе.

Чтобы добавить URL скидки в кнопку, перейдите в админку OptinMonster и вставьте ссылку в поле Redirect URL:

OptinMonster - URL ссылки
URL ссылки

Готово, можно проверить.

В этом примере все новые посетители получат скидку 30% когда кликнут по кнопке Start Now:

OptinMonster - Кнопка со скидкой
Кнопка со скидкой

После того, как посетитель кликнет по кнопке Start Now, он будет перенаправлен на страницу оформления заказа с с уже примененной скидкой 30%.

Заключение

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

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

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

Ответить

Techbear