На этой неделе мы покажем вам, как создавать формы подписка на колесо фортуны с Divi и WP Optin Wheel плагин, Надеюсь, что этот учебник поможет вам повысить коэффициент конверсии. Функция азартной игры Lucky Wheel Optin Form позволит вам взаимодействовать с посетителями и наградить их дисконтным кодом, который они могут использовать для своих покупок в Интернете.

Давайте!

обследование

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

Предварительный просмотр результатов колеса выборамонтажник WooCommerce

Плагин и поиск по установке

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

Зайдите в свои плагины и найдите WooCommerce. Как только вы найдете его, нажмите кнопку «Установить сейчас».

Установить woocommerceактивировать

Обязательно активируйте плагин WooCommerce немедленно.

Активируйте плагин woocommerceНастроить WooCommerce

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

Страница настроек Woocommerce

Установите плагин WP Optin Wheel

Плагин и поиск по установке

Чтобы создать форму Lucky Wheel, мы воспользуемся бесплатным плагином ludification под названием WP Optin Wheel . Вернитесь к своим плагинам и найдите плагин WP Optin Wheel. Затем нажмите кнопку «Установить сейчас». Затем вы должны активировать плагин.

Установите колесо оптики wp

Добавить продукты в WooCommerce

Добавить новый продукт

Если у вас уже есть веб-сайт электронной коммерции, вы можете пропустить эту часть. Если вы просто пытаетесь что-то попробовать, мы рекомендуем добавить продукты в свой плагин WooCommerce. Это поможет вам позже протестировать форму подписки на счастливое колесо. Чтобы добавить новый продукт, перейдите в Продукты> Добавить .

Добавить продукты woocommerceДобавить информацию о продукте

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

Добавить информацию о продуктеПовторите для каждого продукта

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

Продукты Woocommerce

Добавить купоны в WooCommerce

Перейти к купонам

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

Промокод Woocommerce

Добавить купон № 1: скидка 5%

общий

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

  • Тип скидки: процентная скидка
  • Размер купона: 25
  • Срок действия купона: введите желаемую дату

Создать промокод woocommerceОграничения использования

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

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

Ограничение купона WoocommerceПовторите шаги для других купонов 3

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

Список промо-кодов woocomerce

Создайте форму Optin Lucky Wheel

Перейти к настройкам плагина

Теперь, когда мы прошли все шаги, необходимые для работы колеса фортуны, мы можем приступить к его созданию! Доступ к вашему приборная панель WordPress > WP Optin Wheel .

Колесо выбора wpДобавить ключ API MailChimp

Прежде чем вы сможете создать Lucky Wheel, вам необходимо добавить свой ключ API MailChimp. Бесплатная версия плагина WP Wheel Optin предлагает только интеграцию с MailChimp. Если вы хотите связать колесо удачи с другим провайдером, вам необходимо перейти на премиум-версию.

Поле MailchimpСоздать новое колесо

Выберите тему

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

Выберите колесо фортуны

Возможности настройки

Следующий шаг в создании вашего форма регистрация на route de la Fourtune состоит из выбора процента успеха. Этот процент показывает, сколько раз люди что-то выигрывали, вращая колесо. В этом случае каждый посетитель, который крутит колесо, имеет 70% шанс выиграть промокод.

Определите шансы на успехМонтажные части

Продолжите настройку 12 различных фрагментов. Вы можете выделить каждый из фрагментов для одного из следующих трех вариантов:

  • Нет цены: посетитель ничего не получает
  • Код купона: посетитель выигрывает промокод
  • ссылка: посетители зарабатывают электронную книгу, например

В этом примере мы используем 4 из 12 фрагментов для добавления кода купона. Мы также устанавливаем коэффициенты для каждого из этих срезов индивидуально.

Определите срезы колеса

Конфигурация Form Builder

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

Добавить форму подписки на колесо фортуныНастроить форму

Настройки контента

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

Определите параметры форума подпискиРасчетные параметры

Затем откройте настройки дизайна и выберите «Без рисунка» для параметра фонового рисунка.

Параметр дизайна колеса фортуны

Параметры поведения

У вас также есть возможность выбрать, когда в настройках поведения появится дополнительная форма Lucky Wheel.

Параметры поведения колеса фортуны

GDPR

И последнее, но не менее важное: вы можете быть уверены, что данные, которыми поделились посетители, не будут сохранены, если они не отметят различные поля в вашей регистрационной форме, и все готово! Сохраните регистрационную форму Lucky Wheel и перейдите на свой веб-сайт, чтобы протестировать ее.

Конфигурация колеса фортуны Denièreобследование

Теперь, когда все шаги выполнены, давайте в последний раз посмотрим, что произошло с экранами разных размеров.

Результат превью колесо фортуныЗаключительные мысли

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