Вы хотите создать всплывающее окно, которое появляется, когда ваши посетители нажимают на ссылку или изображение на вашем сайте?
Это проверенный способ расширить свой список адресов электронной почты, и популярные сайты часто используют его, чтобы предложить дополнительный стимул.
В этой статье мы собираемся показать вам, как открыть всплывающее окно WordPress, нажимая на ссылку или изображение, шаг за шагом.
Это не так сложно, как может показаться, чтобы вызвать всплывающую форму WordPress при нажатии. В этой статье мы покажем вам как.
Что такое всплывающая всплывающая форма?
Всплывающие всплывающие формы – это всплывающие окна, которые открываются, когда пользователь нажимает на ссылку, кнопку или изображение на вашем веб-сайте.
Обычно всплывающие окна появляются на веб-сайтах, когда пользователь приходит или собирается уйти. Нажатие всплывающих форм активируется при взаимодействии с пользователем.
У нас есть два всплывающих окна при нажатии на веб-сайт WPBeginner, который мы используем для расширения нашего списка электронной почты: сначала на значок электронной почты на боковой панели рядом со всеми значками социальных сетей, а второй ниже каждая публикация для загрузки нашего инструментария.
Самый простой способ создать всплывающее окно при нажатии – использовать плагин для WordPress. Мы собираемся использовать OptinMonster для этого урока.
Почему кликающие всплывающие формы так эффективны?
Всплывающая всплывающая форма эффективна, потому что она использует мощный эффект Zeigarnik. Это психологический принцип, который гласит, что пользователи, начинающие действие, с большей вероятностью его прекращают.
Когда кто-то нажимает на ссылку или кнопку, чтобы активировать его всплывающее окно, они уже проявили интерес. Когда появится всплывающее окно формы, они будут чаще использовать его.
В этом уроке мы будем использовать всплывающее окно при нажатии, чтобы предложить основной магнит.
Однако есть и другие способы использования всплывающих окон при нажатии на ваш сайт. Например, вы можете попросить пользователей запросить код купона, получить дополнительную информацию о продукте, заполнить опросы и многое другое.
С учетом сказанного давайте рассмотрим, как легко создать всплывающее световое окно для вашего веб-сайта.
Установка и активация OptinMonster
Во-первых, вам необходимо зарегистрировать учетную запись OptinMonster. Вам понадобится Pro аккаунт (или выше). Это дает вам функцию MonsterLinks ™, которая позволяет создавать всплывающие окна при нажатии.
Далее вам необходимо установить и активировать плагин OptinMonster на вашем сайте WordPress. Это позволяет вам подключить вашу учетную запись OptinMonster к вашему сайту WordPress.
Для получения справки ознакомьтесь с нашим пошаговым руководством по установке плагина WordPress.
После того, как вы активировали плагин, вам нужно будет подключить свою учетную запись. Он должен быть автоматически переведен на страницу приветствия. Если нет, просто нажмите на ссылку OptinMonster на панели инструментов WordPress.
Нажмите «Подключить свою учетную запись» и следуйте инструкциям на экране.
Создайте свое первое всплывающее окно, нажав
Как только вы подключите свою учетную запись OptinMonster к своему сайту WordPress, вы можете начать создавать свое всплывающее окно, нажав. Нажмите кнопку «Создать новую кампанию» в верхней части экрана:
Вы попадете прямо на сайт OptinMonster.
Тип кампании уже должен быть установлен всплывающим. Если нет, просто нажмите Popup, чтобы выбрать его.
Затем выберите шаблон кампании. Вы можете изменить то, как это выглядит позже. Мы собираемся использовать базовый шаблон для этого урока.
Наведите указатель мыши на шаблон и нажмите кнопку «Использовать шаблон».
Теперь вас попросят ввести название вашей кампании. Если вы используете OptinMonster на нескольких сайтах, обязательно выберите правильный. Введите новый веб-сайт, если это необходимо. Затем нажмите «Начать строительство», чтобы создать всплывающее окно.
OptinMonster автоматически загрузит шаблон по вашему выбору.
Вы можете редактировать текст по умолчанию и добавлять или удалять элементы из вашего шаблона. Просто нажмите на то, что вы хотите редактировать.
Например, мы собираемся удалить поле Имя из формы. Просто нажмите на поле, чтобы выбрать его, и вы увидите параметры поля в левом столбце, включая возможность его удаления.
После того, как вы спроектировали всплывающее окно, следующим шагом будет создание представления «Успех», которое люди видят после заполнения формы. Просто переключитесь в представление «Успех» в верхней части экрана.
<img title = 'Представление "успех", которое увидят посетители после ввода своего адреса электронной почты' src = "https://blogging-techies.com/wp-content/uploads/2020/05/optinmonster-success -view.png "alt = 'Представление" успех ", которое посетители увидят после ввода своего адреса электронной почты’ width=”550″ height=”274″ class=”alignnone size-full wp-image-77150″>
Вы можете редактировать успешный вид так же, как вы редактировали дополнительный вид. Например, вы можете разрешить пользователю загружать основной магнит немедленно. Вы можете включить ссылку здесь.
Чтобы добавить ссылку на изображение, нажмите на изображение и затем прокрутите вниз до «Добавить ссылку на изображение» на левой стороне.
Вы можете включить ссылку на изображение и ввести ссылку на свой основной магнит в поле «URL».
Подключите всплывающее окно к списку адресов электронной почты.
Если вы удовлетворены своим всплывающим окном, щелкните вкладку «Интеграции» в верхней части экрана. Вам нужно будет связать OptinMonster с вашей службой почтового маркетинга, прежде чем вы сможете добавлять людей в свой список рассылки.
Нажмите кнопку «+ Добавить новую интеграцию» в левой части экрана.
Затем выберите своего провайдера электронной почты из выпадающего списка и следуйте инструкциям, чтобы подключить его к OptinMonster.
Примечание: Инструкции по интеграции различны для каждой почтовой службы маркетинга. Если он застрянет, у OptinMonster есть список подробных руководств по интеграции электронной почты.
Установите ваше всплывающее окно при нажатии
Теперь вам нужно настроить всплывающее окно, которое будет отображаться, когда пользователь нажимает на ссылку. Нажмите на вкладку «Правила отображения» в верхней части экрана.
Правило отображения по умолчанию – время на странице. Откройте раскрывающееся меню и выберите «MonsterLink ™».
Нажмите кнопку, чтобы скопировать код MonsterLink ™. Вам это понадобится через минуту.
Сделайте ваше всплывающее окно, нажмите живой
Теперь перейдите на вкладку «Публикация» и установите для своей кампании статус Live. Вы также можете проверить или изменить веб-сайт, к которому подключена ваша кампания.
Сделав это, нажмите кнопку «Сохранить» в верхней части экрана.
Затем вам нужно разместить свою кампанию в прямом эфире на своем собственном сайте WordPress.
Перейдите на панель управления WordPress и нажмите ссылку OptinMonster. Нажмите кнопку Обновить кампании.
Вы должны увидеть свою кампанию, которая отображается как Live. Если вы хотите отключить его в любое время, просто нажмите на ссылку «Деактивировать» под названием вашей кампании.
Добавьте свой MonsterLink на ваш сайт
Теперь вам нужно добавить специальный MonsterLink ™ на ваш сайт. Если вы не копировали это раньше, вы можете получить его, вернувшись к настройкам правил отображения для вашей кампании на веб-сайте MonsterInsights.
Создайте новый пост или страницу, или отредактируйте тот, который вы хотите добавить к своей ссылке.
MonsterLink – это HTML-код, поэтому вам нужно вставить его в пользовательский HTML-блок.
Нажмите кнопку (+), чтобы добавить новый блок. Пользовательский блок HTML находится в разделе «Формат», или вы можете найти его с помощью панели поиска. Нажмите на него, чтобы создать блок.
Теперь скопируйте ваш MonsterLink в этот блок. Это должно выглядеть примерно так:
Вы можете изменить слова «Нажмите меня» на текст, который вы хотите использовать для своей ссылки. Мы будем использовать «Нажмите, чтобы получить 10 бонусов!»
После размещения ссылки вы можете предварительно просмотреть свою страницу или сообщение, чтобы убедиться, что она работает.
Вот наша ссылка в действии. Обратите внимание, что мы применили немного стиля к тексту, чтобы создать текстовое поле большего размера, чтобы помочь продвинуть основной магнит:
бесплатность: Вы не ограничены только текстовыми ссылками с MonsterLinks. Вы также можете использовать MonsterLink с кнопками призыва к действию, изображениями, баннерами или навигационными меню на вашем веб-сайте.
Мы надеемся, что это руководство помогло вам научиться активировать всплывающую форму WordPress одним щелчком мыши. Вы также можете проверить наш учебник о том, как ускорить работу вашего сайта WordPress, и наше последнее руководство по SEO для WordPress.
Если вам понравилась эта статья, подпишитесь на наш канал YouTube, чтобы посмотреть обучающие видеоролики WordPress. Вы также можете найти нас на Twitter и Facebook,
