Как создать всплывающее окно с намерением выхода в WordPress (шаг за шагом)

Опубликовано: 2018-09-20
всплывающее окно выхода из Wordpress
Следуйте @Cloudways

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

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

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

Добавить всплывающее окно выхода WordPress

  1. Скачать OptinMonster
  2. Создайте свою кампанию
  3. Отредактируйте свою кампанию
  4. Добавить поставщика электронной почты
  5. Установите правила отображения
  6. Сделайте свою кампанию активной на WordPress

Шаг 1. Загрузите OptinMonster

Прежде чем мы начнем, чтобы получить доступ к технологии Exit-Intent, вам понадобится подписка Plus с OptinMonster. После регистрации в OptinMonster вам необходимо загрузить плагин OptinMonster для WordPress.

Загрузите плагин на свой сайт, выбрав Панель управленияПлагиныДобавить новыйЗагрузитьУстановить сейчас . Затем нажмите кнопку « Активировать плагин» , чтобы активировать плагин OptinMonster WordPress.

Затем нажмите OptinMonster в своем меню и введите свои учетные данные API, чтобы подключить свою учетную запись OptinMonster к вашему веб-сайту WordPress.

А теперь приступим.

Шаг 2. Создайте свою кампанию

Войдите в панель управления OptinMonster и нажмите кнопку « Создать кампанию» .

Создать кампанию

Затем вам будет предложено выбрать тип кампании, выберите опцию Popup .

Опция всплывающего окна

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

Использовать шаблон

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

Начать строительство

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

Шаг 3. Измените свою кампанию

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

Редактирование элемента изображения

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

Редактирование элемента изображения

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

Редактирование элемента изображения

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

Фоновый цвет

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

Редактирование элемента полей

Используйте зеленую кнопку « Сохранить» в верхней части экрана, чтобы сохранить свой прогресс.

Кнопка "Сохранить"

Шаг 4. Добавьте поставщика электронной почты

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

Добавить поставщика электронной почты

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

Постоянный контакт

Нажмите синюю кнопку « Зарегистрироваться с постоянным контактом» .

Зарегистрируйтесь с постоянным контактом

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

Кнопка "Разрешить"

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

Подключиться к постоянному контакту

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

Общий интерес

Теперь, когда это сделано, пришло время установить правила отображения.

Шаг 5. Установите правила отображения

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

Установите правила отображения

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

Показать вид кампании

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

Шаг 6. Сделайте свою кампанию активной на WordPress

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

Кнопка статуса

Затем выберите свою платформу, нажмите на опцию WordPress.

Затем перейдите на свой сайт WordPress и найдите плагин OptinMonster, который вы скачали ранее. Если вы не видите свою кампанию в разделе « Кампании », нажмите синюю кнопку « Обновить кампании» . После того, как вы увидите свою кампанию в списке, нажмите ссылку « Начать работу » под названием кампании. Затем вы увидите зеленый текст с надписью « Live » рядом с вашей новой кампанией.

Go Live

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

Всплывающее окно выхода WordPress

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