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

создать всплывающую форму


Хотите создать всплывающую форму для вашего сайта? Это фантастическая идея! Мало что превращает посетителей в подписчиков, подписчиков и клиентов, чем всплывающие кампании.

Вот почему в этой статье мы покажем вам, как создать всплывающую форму простым способом, шаг за шагом..

Зачем создавать всплывающую форму?

Когда дело доходит до увеличения вашего списка адресов электронной почты, всплывающее окно остается далеко впереди кривой по сравнению с любыми другими типами оптин форм. Благодаря всплывающим окнам количество пользователей увеличилось на 600%..

Тем не менее, некоторые пользователи не любят всплывающие окна из-за его навязчивой природы. Люди ненавидят всплывающие окна, когда их посещают лица читателей, когда они посещают ваш сайт.

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

OptinMonster

И, конечно же, он имеет бесшовную интеграцию со всеми наиболее популярными сервисами почтового маркетинга, такими как MailChimp, Constant Contact, Drip и т. Д..

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

Чтобы получить это, голова к Официальный сайт OptinMonster и зарегистрируйтесь. Не забудьте использовать наш специальный код SAVE10 на кассе, чтобы получить скидку 10% только за то, что вы читаете IsItWP!

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

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

Создать кампанию

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

Выберите Popup

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

Выберите шаблон

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

Подобно магии, вы попадете к создателю кампании. Вы увидите версию по умолчанию любого выбранного вами шаблона. Так как мы выбрали Balance, это выглядит так:

Кампания по умолчанию

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

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

У каждого замечательного всплывающего окна есть отличная картинка, поэтому мы начнем с него. Нажмите на изображение по умолчанию, чтобы открыть раздел «Редактирование элемента изображения» слева. Затем нажмите Выберите, чтобы заменить изображение.

Заменить изображение

Вы сможете выбрать изображение из вашей существующей библиотеки изображений (если вы уже что-то загрузили ранее) или вы можете загрузить новое изображение с вашего компьютера..

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

Изменить заголовок

Затем выполните те же шаги, чтобы настроить основной текст.

Изменить содержимое тела

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

Сохранить кампанию

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

Изменить почтовый ящик

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

Связанные с: Как отправить форму без обновления страницы в WordPress

3. Включить интеграцию электронной почты

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

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

Добавить новую интеграцию

Выберите MailChimp из выпадающего меню.

Выберите EMS

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

Подключиться к MailChimp

Затем нажмите зеленый Подключиться к MailChimp кнопка для продолжения.

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

Бам! Интеграция с электронной почтой завершена. На следующий шаг!

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

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

Правила отображения

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

5. Хит Опубликовать

Теперь пришло время сделать вашу кампанию живой! Ударь Публиковать вкладка в верхней части экрана. Затем нажмите на переключатель, чтобы он стал зеленым и говорит ЖИТЬ.

Публиковать

Не забудьте ударить Сохранить Кнопка в последний раз!

Оттуда прокрутите вниз до Платформа вариант. Выбрать WordPress и затем следуйте инструкциям.

Выберите платформу

Вы почти у цели! Один шаг, чтобы пойти.

6. Сделайте вашу всплывающую форму живой на WordPress

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

Обновить кампании

Когда ваша кампания появится, нажмите Go Live ссылка на сайт.

Go Live

Это оно! Вы сделали Теперь ваша всплывающая форма будет отображаться на вашем сайте.

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map