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

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

90 % потребителей используют купоны. Ожидается, что к 2022 году объем погашения цифровых купонов достигнет 91 миллиарда долларов, а более 25 миллионов американцев ежемесячно используют купоны, чтобы сэкономить деньги.

Зачем предлагать посетителям всплывающее окно с купоном?

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

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

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

Используйте OptinMonster

Начните с создания учетной записи ОптинМонстр, установки и активации OptinMonster плагин для WordPress на своем сайте WP.

Найдите плагин на панели администратора WP, щелкните его, а затем подключите к OptinMonster.

Создайте всплывающее окно с купоном с помощью OptinMonster

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

В разделе «Тип кампании» выберите Всплывающее окно . На следующем экране вы увидите несколько профессионально разработанных шаблонов различных цветов и макетов.

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

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

Выберите его и нажмите Начать сборку .

Всплывающее окно с купоном на дизайн

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

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

Закройте элемент, нажав кнопку Домой или X .

Наложение фона

Цвет, окружающий всплывающее окно с купоном, называется Фоновое наложение . Чтобы изменить его, выберите Настройки согласия >Стили просмотра согласия .

Вы можете изменить Стиль фона на сплошной цвет или градиентную заливку. Вы также можете добавить изображение и изменить границу.

Если вас устраивает внешний вид купона, нажмите Сохранить .

Как клиенты получат ваш купон?

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

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

В представлении Успех вы также можете:

Включите код купона, как показано на скриншоте выше.

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

Обратите внимание, что представление «Успех» является действием кнопки по умолчанию. Если вы хотите использовать другой вариант, измените действие кнопки, выполнив следующие действия:

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

Нажмите Действие.

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

Выберите правила отображения

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

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

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

Другие плагины WordPress для создания всплывающих маркетинговых кампаний с купонами

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

Айграмма

Загрузите и установите плагин WP Icegram, чтобы создавать визуально привлекательные персонализированные варианты подписки и призывы к действию, выполнив следующие действия:

Войдите в свою панель управления WP.

Нажмите Добавить новую кампанию в разделе Icegram на левой боковой панели.

Выберите один из готовых шаблонов и нажмите Просмотр .

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

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

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

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

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

На всем сайте

Главная страница

Выбранные страницы

Конкретные URL-адреса на вашем сайте

Когда : хотите ли вы, чтобы всплывающее окно отображалось постоянно или только по расписанию?

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

Кому вы хотите видеть всплывающее окно?

Все пользователи

Только вошедшие в систему пользователи

Не пользователи, вошедшие в систему.

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

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

Просмотрите форму и настройки и нажмите Опубликовать , когда все будет хорошо.

Создатель купонов

Создайте собственное всплывающее окно с купоном с помощью плагина Coupon Creator WP.

Coupon Creator использует собственный тип публикации и требует лишь настройки нескольких параметров. Бесплатная версия позволяет пользователям отображать и распечатывать купоны для клиентов..

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

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

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

Создайте короткий код купона с помощью средства вставки короткого кода редактора WP.

Вставьте свое предложение в раздел Сделка. Укажите условия купонной сделки в разделе Условия .

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

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