Вы хотите создать всплывающее окно с купоном на вашем сайте WordPress?
Всплывающие окна с купонами — отличный способ превратить посетителей вашего сайта в платящих клиентов. Существует несколько различных способов создания и отображения всплывающих купонов. Однако показ купона в нужное время имеет огромное значение для конвертации посетителей, отказавшихся от покупки, в покупателей.
В этой статье мы рассмотрим, как добавить всплывающее окно купона на ваш сайт WordPress или WooCommerce.
- Почему вы должны предложить посетителям купон?
- Как создать всплывающее окно с купоном в WordPress
- Создание кампании всплывающего купона
- Дизайн всплывающего окна купона
- Определите способ доставки кода купона
- Интеграция OptinMonster с вашим списком адресов электронной почты
- Бонусный совет: Отредактируйте шаблон представления успеха
- Изменить правила отображения всплывающего купонного окна
- Создание колеса купонов «Спин к выигрышу
Почему вы должны предложить посетителям купон?
Часто новые владельцы бизнеса обеспокоены тем, что купоны будут съедать их прибыль. Однако состоявшиеся владельцы бизнеса знают, что предложение скидок — это мощный способ заставить посетителей принять решение, а не сидеть в раздумьях.
Предложение кодов купонов поможет вам восстановить продажи из брошенной корзины, конвертировать посетителей в клиентов и сделать больше продаж.
Большинство платформ электронной коммерции, таких как WooCommerce, позволяют легко создавать коды купонов. Однако, если вы поделитесь этими кодами купонов с вашими клиентами, это будет иметь большое значение.
Поэтому в этой статье мы расскажем о двух различных способах распространения купонов среди ваших посетителей. К ним относятся всплывающее окно выхода с купоном и оптин с крутящимся колесом купона.
Давайте рассмотрим, как создать всплывающее окно купона в WordPress или WooCommerce.
Как создать всплывающее окно с купоном в WordPress
Лучший способ создать всплывающее окно с купоном — использовать OptinMonster. Это лучший плагин для всплывающих окон WordPress и программное обеспечение для генерации лидов на рынке.
Сначала вам нужно посетить сайт OptinMonster, чтобы создать учетную запись. Просто нажмите кнопку «Получить OptinMonster сейчас», чтобы начать работу.
Вам понадобится как минимум план Growth, потому что он включает в себя кампании Coupon Wheel и расширенные правила таргетинга для всплывающих окон.
После этого вам нужно установить и активировать плагин OptinMonster на вашем сайте WordPress. Для более подробной информации смотрите наше пошаговое руководство о том, как установить плагин WordPress.
Плагин действует как соединитель между вашей учетной записью OptinMonster и вашим сайтом WordPress.
После активации плагина вы увидите мастер настройки OptinMonster. Перейдите и нажмите на кнопку «Подключить существующий аккаунт».
Теперь откроется новое окно, где вам нужно будет подключить ваш WordPress сайт к OptinMonster.
Просто нажмите кнопку «Подключиться к WordPress», чтобы продолжить.
Вы также можете подключить свой магазин WooCommerce к OptinMonster. Убедитесь, что вы установили магазин электронной коммерции в WordPress.
Сначала вам нужно перейти на сайт OptinMonster » Настройки из вашей панели администратора WordPress.
После этого перейдите на вкладку «Общие» и нажмите на кнопку «Автогенерация ключей + подключение WooCommerce».
Теперь WooCommerce автоматически создаст ключи и подключится к вашей учетной записи OptinMonster.
Теперь вы готовы к созданию вашей первой кампании всплывающего купона.
Создание кампании всплывающего купона
Чтобы создать кампанию, вы можете перейти по ссылке OptinMonster » Кампании на панели управления WordPress, а затем нажмите кнопку «Создать первую кампанию».
На следующем экране OptinMonster покажет различные типы кампаний и шаблоны.
Сначала вам нужно выбрать тип кампании. Мы будем использовать ‘Popup’, который должен быть выбран по умолчанию.
После этого вам будет предложено выбрать шаблон.
OptinMonster имеет огромный выбор шаблонов, которые вы можете выбрать, с множеством различных макетов и цветовых схем. Шаблон ‘Coupon’ идеально подходит для создания этого всплывающего окна. Хотя вы можете выбрать другой шаблон, если хотите.
Вы можете использовать поисковую строку, чтобы найти шаблон купона или прокрутить страницу вниз.
Затем наведите курсор на шаблон и нажмите кнопку «Использовать шаблон».
Последним шагом перед созданием всплывающего купона будет присвоение имени кампании. После ввода имени нажмите кнопку «Начать создание».
Дизайн всплывающего окна купона
После нажатия на кнопку «Начать создание» вы увидите конструктор кампаний, который можно перетащить и опустить.
Вы можете использовать его, чтобы добавить различные блоки в ваш шаблон и изменить текст, цвета и дизайн купона любым удобным для вас способом.
Вы также можете нажать на любой элемент дизайна, чтобы изменить его в дальнейшем. Здесь мы отредактировали текст и сделали его другого цвета.
Как только вы внесете изменения, вы увидите обновления в шаблоне всплывающего купона в режиме реального времени.
Возможно, вы захотите поэкспериментировать с различными шрифтами и цветами, чтобы ваш текст выделялся на всплывающем окне или соответствовал вашему бренду.
Помимо текста и элементов внутри всплывающего окна, вы также можете изменить цвет фона, добавить изображение к вашему купону, установить цвет границы, изменить стиль границы и многое другое.
После внесения изменений убедитесь, что вы сохранили свою кампанию, нажав зеленую кнопку «Сохранить» в верхней части экрана.
Определите способ доставки кода купона
Теперь, когда вы настроили всплывающее окно с купоном, вам нужно решить, как именно вы будете предоставлять код купона посетителю.
Есть несколько способов сделать это в OptinMonster, но лучший способ — это сразу же доставить код купона через OptinMonster Успех просмотр и отправка по электронной почте.
Таким образом, если посетитель не готов совершить покупку немедленно, он получит код купона в свой электронный почтовый ящик для последующего использования.
По умолчанию ваше всплывающее окно купона уже спроектировано так, чтобы использовать «представление успеха», как только кнопка будет нажата. Чтобы проверить, вы можете нажать на кнопку и затем увидеть опцию «Перейти к представлению» в левой части экрана.
Если вам нужно другое действие кнопки, вы можете изменить это здесь. Для вашего первого купона, однако, мы рекомендуем придерживаться стандартных настроек.
Интеграция OptinMonster с вашим списком адресов электронной почты
Чтобы автоматически отправить код купона по электронной почте и добавить посетителя в список рассылки, вам необходимо интегрировать OptinMonster с сервисом email-маркетинга.
Constant Contact — отличный сервис для использования с OptinMonster, а читатели WPBeginner могут получить 20% скидку на первые 3 месяца, используя этот купон.
Однако, если вы используете другой почтовый сервис, OptinMonster интегрируется практически со всеми основными провайдерами.
Просто перейдите на вкладку ‘Интеграция’ и нажмите кнопку ‘+ Добавить новую интеграцию’, чтобы добавить ваш сервис email-маркетинга.
После этого вы можете настроить автоматическое письмо, которое будет отправляться каждый раз, когда кто-то подпишется на список рассылки через всплывающее окно с купоном.
Бонусный совет: Отредактируйте шаблон представления успеха
Вы можете просмотреть и изменить шаблон ‘Success View’, вернувшись в раздел Дизайн вкладку вашей кампании и нажав на опцию ‘Успех’ в нижней части экрана.
По умолчанию он выглядит следующим образом, но вы можете изменить его по своему усмотрению, точно так же, как вы редактировали всплывающее окно купона.
Изменить правила отображения всплывающего купонного окна
По умолчанию всплывающее окно с купоном будет появляться у посетителей после того, как они пробудут на любой странице вашего сайта в течение 5 секунд.
Если вы хотите изменить это, перейдите на вкладку «Правила отображения».
Вы можете установить любые правила отображения, которые вам нравятся, но отличным вариантом для пробы является Exit-Intent®.
Эта специальная технология OptinMonster может определить, когда посетитель собирается покинуть ваш сайт, и показать ему всплывающее окно с купоном в нужный момент.
Вы можете добавить намерение выхода, выбрав «выход обнаружен» из выпадающего меню и выбрав, на каких устройствах показывать кампанию. По умолчанию он будет настроен на отображение на всех устройствах.
Здесь также есть возможность контролировать чувствительность намерения выхода.
После этого прокрутите страницу вниз и выберите страницы, на которых вы хотели бы показать свою кампанию.
Например, вы можете использовать настройку по умолчанию «текущий путь URL» и выбрать опцию «это любая страница». Таким образом, ваша кампания появится на всем вашем сайте.
После добавления правил отображения вы можете нажать кнопку «Следующий шаг».
OptinMonster также предлагает опции воспроизведения звукового эффекта и показа анимации при появлении всплывающего окна купона.
Теперь вы можете нажать кнопку «Следующий шаг».
На следующем экране вы увидите сводку ваших правил отображения. Не забудьте нажать кнопку «Сохранить», чтобы сохранить настройки.
Когда вы будете довольны своим всплывающим купоном, вы можете перейти на вкладку «Опубликовать» в верхней части страницы.
После этого просто убедитесь, что в разделе «Статус публикации» установлен флажок «Опубликовать».
Не забудьте нажать кнопку «Сохранить» вверху и закрыть конструктор кампаний.
Теперь вы можете посетить свой сайт, чтобы увидеть всплывающее окно купона в действии.
Создание колеса купонов «Спин к выигрышу
Колесо купонов — отличный способ сделать ваши купоны более интересными и увлекательными для посетителей вашего сайта. Это похоже на мини-игру, в которую посетители могут играть, чтобы выиграть скидку или другой бонус.
Варианты выигрыша могут включать такие вещи, как скидка 10%, скидка 20%, бесплатная доставка, бесплатная пробная версия или то, что вы хотите предложить.
OptinMonster предлагает тип кампании ‘Gamified’, который позволяет создавать всплывающие окна с крутящимся колесом.
После этого прокрутите вниз и выберите один из шаблонов Wheel.
Плагин имеет различные шаблоны для накрутки. Просто наведите курсор на шаблон и нажмите кнопку «Использовать шаблон».
Далее перейдите к редактированию любого аспекта вашего купонного колеса.
Чтобы отредактировать параметры самого колеса купонов, вам нужно нажать на кнопку «Настроить разделы колеса» с левой стороны.
Затем вы можете ввести любой текст в качестве метки для каждого варианта и добавить код купона для каждого выигрышного варианта.
Обратите внимание, что «Шанс на выигрыш» определяется автоматически. Если вы измените переключатель на одной или нескольких опциях «Можно выиграть», OpinMonster пересчитает шансы на победу
Если вам нужна дополнительная помощь в создании колеса купонов и добавлении его на сайт, ознакомьтесь с нашим постом о том, как добавить оптины spin-to-win в WordPress и WooCommerce, в котором этот процесс рассматривается более подробно.
После этого вы можете посетить свой сайт, чтобы увидеть всплывающее окно купона spin-to-win в действии.
Надеемся, что эта статья помогла вам узнать, как создать всплывающее окно купона в WordPress. Возможно, вы также захотите ознакомиться с нашей подборкой лучших плагинов для WooCommerce или нашим руководством о том, как добавить push-уведомления на ваш сайт WordPress.
Источник: www.wpbeginner.com