Недавно один из наших читателей спросил нас, как можно создать всплывающее окно с кнопками «Да/Нет»?
Возможно, вы видели, как они используются в оптине списка адресов электронной почты или в другом специальном предложении на крупном сайте. Эти многоступенчатые кампании «Да / Нет» могут быть очень эффективными для повышения коэффициента конверсии.
В этой статье мы покажем вам, как создать оптин Yes/No для вашего сайта WordPress.
Что такое оптин «Да/Нет» и зачем его использовать?
Кнопки «Да/Нет» — это всплывающая форма, в которой есть 2 варианта, либо кнопки, либо ссылки. Вы можете нажать «Да», чтобы подписаться, или «Нет», чтобы отказаться от предложения.
Иногда такие оптины называют двухшаговыми или многошаговыми, поскольку в них пользователю нужно сделать два шага вместо одного.
Вот пример оптина Yes/No из Advanced Coupons:
Примечание: Опции не обязательно должны иметь метки «Да» и «Нет».
Может показаться странным заставлять пользователей проходить дополнительный шаг, прежде чем они смогут присоединиться к вашей рассылке по электронной почте или совершить какое-либо другое действие.
Однако всплывающие окна «Да/Нет» могут быть очень эффективными. Это происходит потому, что они используют специальную психологическую тактику под названием «Эффект Зейгарник».
Эффект Зейгарник — это принцип, согласно которому, когда кто-то начинает процесс, он, скорее всего, его завершит. В данном случае это означает, что тот, кто нажмет «Да», скорее всего, введет свой адрес электронной почты.
Плюс, оптин «Да/Нет» дает вашим посетителям возможность выбора. Чувство свободы — это мощно. Это повышает вероятность того, что ваши посетители сделают положительный выбор в пользу подписки на ваш список.
Еще лучше, если вы сможете эффективно использовать опцию «Нет». Например, вы можете создать оптин, подобный этому, из WP Mail SMTP. Она появляется, если пользователь выглядит так, будто собирается покинуть страницу с ценами сайта WP Mail SMTP:
Если пользователь нажимает на кнопку «Получить WP Mail SMTP сейчас», то он остается на странице с ценами. Если они нажмут «Сначала у меня есть несколько вопросов», то будут направлены на страницу «Контакты». Здесь они могут легко связаться с вашей службой продаж или поддержки, что в конечном итоге может привести к успешной конверсии.
Создание всплывающего окна «Да/Нет» для вашего сайта
Мы будем использовать OptinMonster для создания всплывающего окна с кнопками Yes/No.
OptinMonster — это лучшее программное обеспечение для генерации лидов, которое поможет вам конвертировать посетителей сайта в клиентов и подписчиков. Он позволяет создавать красивые всплывающие окна, таймеры обратного отсчета, скользящие формы и многое другое, чтобы подтолкнуть пользователей в нужном направлении»
Настройка OptinMonster и создание новой кампании
Сначала зарегистрируйтесь на сайте OptinMonster. Для создания оптинов «Да/Нет» вам потребуется тарифный план Pro или выше.
Затем вам нужно установить и активировать плагин OptinMonster WordPress. Это позволит вам связать ваш сайт WordPress с вашей учетной записью OptinMonster.
После активации вы увидите экран приветствия OptinMonster. Вам нужно нажать кнопку ‘Connect Your Account’ и следовать подсказкам на экране. Затем ваш сайт WordPress будет подключен к вашей учетной записи OptinMonster.
Теперь перейдите в раздел OptinMonster » Кампании страницу в вашей админке WordPress. Просто нажмите кнопку «Создать новую кампанию» вверху, чтобы создать новую кампанию.
Вы попадете прямо в приложение OptinMonster. Мы будем использовать всплывающее окно для оптина. При желании вы можете выбрать другой тип кампании.
Далее, выберите шаблон, который вы хотите использовать для вашей кампании. Мы будем использовать шаблон Split:
Вам будет предложено дать название вашей кампании и выбрать, на каком сайте вы хотите ее показывать.
Как только вы будете готовы, нажмите на кнопку «Начать создание».
Теперь выбранный вами шаблон откроется в редакторе кампаний OptinMonster.
Редактирование оптина «Да/Нет» в OptinMonster
Сначала вам нужно создать кампанию Да/Нет. Просто нажмите на вкладку Yes/No в верхней части экрана, затем нажмите кнопку ‘Enable Yes/No for This Campaign’:
Это новая часть вашей кампании. Здесь будет главная кнопка с опцией «Нет, спасибо» под ней:
Примечание: Некоторые шаблоны не имеют встроенного представления «Да/Нет». Вместо этого вы получите чистый холст для создания вашего представления «Да/Нет».
Продолжайте и редактируйте представление «Да/Нет» так, как вы хотите. Просто нажмите на часть шаблона, которую вы хотите изменить. Мы собираемся отредактировать текст заголовка:
Легко редактировать изображение. Просто нажмите на них, а затем загрузите изображение, которое вы хотите использовать:
Возможно, вы также захотите изменить кнопки «Да» и «Нет». Просто нажмите на них, чтобы отредактировать кнопки. Легко изменить их текст, цвет и многое другое.
Просто внесите изменения в левой панели, и предварительный просмотр вашего оптина автоматически обновится.
По умолчанию, нажав на кнопку ‘Да’, пользователь перейдет к просмотру кампании для оптина. Нажав на кнопку «Нет», вы просто закроете кампанию.
При желании вы можете изменить эти действия, выбрав кнопку и нажав на выпадающий список ‘Действие при нажатии на кнопку’. Мы собираемся настроить кнопку «Нет» на перенаправление на URL:
Теперь вам нужно отредактировать представление оптина в вашей кампании. Это тот вид, который увидят ваши пользователи после нажатия на кнопку «Да».
Просто нажмите на вкладку «Оптин» в верхней части экрана, чтобы отредактировать вид оптина:
Затем отредактируйте текст, изображение и все остальное, что вы хотите изменить, как и раньше.
Наконец, вам нужно изменить вид кампании «Успех». Этот экран пользователи увидят после ввода своего адреса электронной почты.
Сначала перейдите на вкладку Успех в верхней части экрана. Затем перейдите и нажмите на то, что вы хотите отредактировать.
Вот готовый вид успеха для нашего оптина:
После того, как вы закончите создание вашего optin, убедитесь, что вы нажали кнопку «Сохранить» в верхней части экрана.
Подключение оптина к списку адресов электронной почты
Если вы используете свой optin для сбора адресов электронной почты, вам необходимо подключить его к вашему сервису email-маркетинга.
Для этого перейдите на вкладку «Интеграции» и нажмите кнопку «Добавить новую интеграцию»:
Далее, выберите вашего поставщика услуг электронной почты из выпадающего списка. Затем OptinMonster предоставит вам инструкции по подключению вашего аккаунта к провайдеру электронной почты.
После того, как вы подключили свой аккаунт, перейдите на вкладку «Правила отображения» для вашей кампании.
Настройка правил отображения для вашей кампании «Да/Нет
По умолчанию ваш оптин появится после того, как пользователь пробудет на любой странице в течение 5 секунд. Для нашего оптина мы собираемся дать им немного больше времени, чтобы они сначала ознакомились с нашим сайтом и продуктами.
Чтобы изменить правило отображения, просто нажмите кнопку «Изменить» справа:
Теперь перейдите к изменению правила. Мы установим время пребывания на странице не менее 15 секунд:
На этой странице вы также можете выбрать из множества различных правил. Например, вы можете захотеть отображать оптин «Да/Нет» только на определенной странице, например, на странице с ценами.
Убедитесь, что вы оставили опцию «Затем…» для «показать представление кампании: Да/Нет» для вашего оптина.
Когда вы установите правила отображения, нажмите кнопку «Сохранить» в верхней части экрана.
Размещение опции Yes/No Optin в прямом эфире на вашем сайте
Теперь пришло время сделать ваш optin живым на вашем сайте.
Сначала нужно щелкнуть вкладку «Опубликовать» в верхней части экрана. Затем установите ползунок «Статус» на «Живой» вместо «Приостановлен»:
Ваш оптин «Да/Нет» не будет работать на вашем сайте сразу же. Вам также нужно установить его в WordPress.
В админке WordPress перейдите по ссылке OptinMonster » Кампании затем нажмите кнопку «Обновить кампании»:
Теперь вы должны увидеть список вашей кампании здесь. Перейдите и нажмите на ссылку «Редактировать настройки вывода»:
Здесь вам нужно убедиться, что ‘Включить кампанию на сайте?’ установлен флажок, затем нажмите кнопку ‘Сохранить настройки’:
Теперь ваша кампания будет запущена на вашем сайте. Вот как выглядит наша кампания на нашем демо-сайте:
Мы надеемся, что эта статья помогла вам узнать, как создать оптин да/нет для вашего сайта WordPress. Вам также может понравиться наша статья о лучших плагинах WordPress для проведения опросов, чтобы повысить вовлеченность пользователей, и о лучших плагинах WordPress для создания целевых страниц.
Источник: www.wpbeginner.com