Как создать сайт или блог в 2020 году - бесплатное и простое руководство по созданию сайта

Как активировать всплывающую форму WordPress при нажатии (шаг за шагом)

В этой статье мы покажем вам, как активировать всплывающее окно WordPress, щелкнув функцию MonsterLink ™ от OptinMonster.

Вместо того, чтобы показывать формы подписки по электронной почте каждому посетителю, использование MonsterLinks ™ откроет их всплывающее окно WordPress при нажатии. Это означает, что люди, которые видят ваш вариант, заинтересованы и преданы вашему контенту.

CodeinWP MonsterLink

Этот двухэтапный процесс optin использует мощный эффект Зейгарника, психологический триггер, который означает, что люди, начинающие действие, с большей вероятностью его завершат. Простой.

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

MonsterLinks ™ смехотворно эффективны. CodeinWP использовал их для увеличения конверсии на 1000%. И Snack Nation использует эту функцию для получения 1200 новых контактов в неделю.

Список рассылки, полный заинтересованных и вовлеченных подписчиков, звучит довольно хорошо, не так ли? Давайте перейдем к уроку, чтобы вы могли одним щелчком создать собственное всплывающее окно WordPress.

Вам нужно будет приобрести OptinMonster, чтобы создать эту привлекательную и эффективную кампанию.

1. Создайте свою кампанию

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

create_campaign "width =" 620 "height =" 161 "srcset =" https://blogging-techies.com/wp-content/uploads/2020/03/1584871091_155_Como-crear-un-cuadro-de-caracteristicas-de-Optin -step-to.png 620 Вт, https://optinmonster.com/wp-content/ uploads / 2018/06 / create_campaign-300x78.png 300w "sizes =" (максимальная ширина: 620 пикселей) 100 Вт, 620 пикселей "></p>
<p>Выберите тип кампании. Мы будем использовать <strong>возникать</strong>, который хорошо конвертируется для всех клиентов OptinMonster.</p>
<div class=

Дайте название вашей кампании и решите, на каком веб-сайте вы хотите ее использовать. Если вы не готовы принять решение, вы можете добавить сайт позже в компоновщик кампании OptinMonster.

Назовите свою кампанию и начните строить

Как только вы нажмете Начать строительство Вы будете перенаправлены к построителю кампании OptinMonster, где увидите стандартную кампанию Modern.

вид по умолчанию для современного шаблона кампании

2. Отредактируйте свою кампанию

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

как редактировать или заменить изображение в optinmonster

Наш список бесплатных сайтов изображений может помочь вам найти подходящее изображение.

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

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

Редактировать текст заголовка легко с помощью компоновщика кампании OptinMonster

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

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

редактировать свои поля optin

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

добавить новое поле на ваш выбор

Оттуда вы можете перетащить поля на панели редактирования, чтобы изменить порядок и редактировать поля, как вам нравится.

3. Добавьте провайдера электронной почты

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

идти Интеграции »Добавить новую интеграцию» Поставщик электронной почты, выбрать Постоянный контакт из списка доступных опций.

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

щелчок Зарегистрируйтесь с постоянным контактом начать процесс авторизации.

зарегистрироваться с постоянным контактом

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

Постоянный контакт Разрешить

Постоянный контакт авторизует OptinMonster, и это окно автоматически закрывается.

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

выберите свой аккаунт

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

выберите свой список адресов электронной почты

Теперь вы можете собирать электронные письма с помощью всплывающего окна WordPress в форме клика.

4. Установите правила отображения

Следующий шаг – решить, когда должна появиться ваша всплывающая форма WordPress. Поскольку вы хотите, чтобы посетители нажимали на ссылку или кнопку для их просмотра, вам необходимо включить MonsterLinks ™.

в Правила отображения, установить состояние Если посетитель нажал на MonsterLink, Нажмите кнопку, чтобы скопировать код MonsterLink ™.

посетитель нажал на монстерлинк

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

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

установить статус кампании, чтобы жить

Прокрутите вниз, чтобы увидеть параметры публикации. Мы опубликуем нашу кампанию в WordPress, но вы также можете опубликовать кампании в Shopify или на любом сайте через Shareable MonsterLinks ™ и код для встраивания кампании или веб-сайта.

выберите издательскую платформу

5. Сделайте кампанию живой на WordPress

Прежде чем люди смогут использовать свое всплывающее окно WordPress в форме клика, вам нужно активировать кампанию на своем сайте WordPress. Для этого убедитесь, что вы подключили подключаемый модуль OptinMonster WordPress.

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

refresh_om_campaigns "width =" 620 "height =" 321 "srcset =" https://blogging-techies.com/wp-content/uploads/2020/04/1585931953_393_Como-create-a-custom-como-nosotros-en-FacebookPopup-window.png 620 Вт, https://optinmonster.com/wp-content/ uploads / 2018/07 / refresh_om_campaigns-300x155.png 300w "sizes =" (максимальная ширина: 620 пикселей) 100 Вт, 620 пикселей "></p>
<p>Нажмите на <strong>Иди живи</strong> Кнопка рядом с названием кампании, чтобы активировать кампанию на вашем сайте.</p>
<div class=

Добавить текстовую ссылку

Чтобы добавить текстовую ссылку на страницу или сообщение, перейдите в текстовый редактор WordPress и вставьте код MonsterLink ™, который вы скопировали выше, куда угодно.

10 монстрлинк текстовый код вставлен

Отредактируйте текст по умолчанию «щелкни меня», чтобы сделать его более привлекательным Сохраните или обновите свою страницу или пост. Вот как это выглядит на странице.

11 см. Ссылку для обновления: не требуется всплывающее окно с шорткодом

Добавить нажимаемую кнопку

Чтобы создать нажимаемую кнопку, вам нужно немного отредактировать скопированный вами HTML-код. Вставьте его туда, где вы хотите, затем вставьте слово «кнопка» с пробелом перед «ручной-optin-trigger».

Код 12 кнопок

Это создаст кнопку, отформатированную в соответствии с вашей темой WordPress. Вот как выглядит кнопка на веб-сайте.

13 показывает кнопку на сайте без всплывающего шорткода WordPress

Внешний вид вашей собственной кнопки будет зависеть от используемой вами темы WordPress. Вы можете настроить его с помощью CSS или с помощью плагина, такого как CSS Hero.

Добавить связанное изображение

Вы также можете использовать ссылку на изображение.

Чтобы создать связанное изображение, загрузите его в WordPress. Затем вставьте свой код изображения перед концом кода MonsterLink ™, как показано ниже. Добавьте альтернативный текст, чтобы помочь с доступностью.

14 код монстерлинка для всплывающего изображения WordPress при нажатии

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

15 монстрлинков на сайте

Узнайте больше в нашем руководстве MonsterLinks ™ и посмотрите этот учебник, если хотите добавить свой MonsterLink ™ в меню WordPress.

Как привлечь еще больше подписчиков

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

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

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

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

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

Когда вы закончите редактировать внешний вид вашей кнопки, измените действие кнопки на перенаправить на URL, затем введите ссылку для загрузки вашего основного магнита в URL перенаправления поле:

добавьте ссылку на скачивание в свою кампанию

Вот некоторые другие способы использования тем для хитов и создания основного магнита с OptinMonster.

Вот и все!

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

И следите за нами на YouTube, Twitter и Facebook для получения дополнительных уроков, советов и руководств.