<
Wordpress уроки

Как сделать всплывающую форму подписки на сайт wordpress

Как сделать всплывающую форму подпискиПривет, друзья! Организация рассылки аукционных предложений или новостей на сайте созданного на CMS WordPress связанна со сбором базы email адресов посетителей.  А это значит, что на сайте должна быть всплывающая форма, которая даст возможность посетителю подписаться на тематическую рассылку с сайта.

Всплывающая форма подписки на сайт wordpress

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

Сервисы для создания базы

Базу адресов можно собрать и вручную, если посетители сайта активно заполняют форму. Но такой вариант занимает много времени. Чтобы избежать временных затрат можно воспользоваться уже готовыми базами. Самым популярным сервисом, который поможет автоматизировать процесс – это JustClik, но стоит знать, что не весь его функционал бесплатный.

Для создания окна в личном кабинете JustClik нужно найти соответствующий пункт и нажать кнопку «Добавить».

Pop-up окно

Для чего это нужно

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

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

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

Рассылка плагином WordPress, через обратную связь

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

Для этого нужно установить плагин на вордпресс «JetPack» и индивидуально настроить в нем модуль «Post by Email», после чего он автоматически запустит рассылку новостных сообщений по почтовой базе. Затем необходимо создать форму обратной связи, чтобы новые пользователи добавляли свои email адреса.

Чтобы скачать «JetPack» нужно перейти по этой ссылке https://ru.wordpress.org/plugins/jetpack/ и в правом верхнем углу нажать на кнопку «Скачать».

Где скачать плагин JetPack

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

К примеру, в новостной статье можно прикрепить форму обратной связи в виде шорт кода:

Как вставить шорт код формы обратной связи

Сторонние почтовые сервисы

Если оповещение аудитории стоит на первом месте и важно наладить устойчивую коммуникацию с посетителем, необходимо использовать сторонний сервис email рассылки, к примеру, SendPulse.

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

Самый быстрый способ установить всплывающую форму сразу на весь сайт - в классическом пакете виджетов найти «Текст HTML» и вставить в него код скрипта подписки, который можно получить, создав его онлайн в одном из почтовых сервисов.

Как добавить картинку к всплывающей форме подписки

Хорошо подобранная картинка придает форме уникальность и делает ее заметнее. Что будет изображено на картинке зависит от тематики сайта и от желания администратора. Лучшей программой для создания такой всплывающей надписи будет Photoshop. Существует множество уроков по этой программе и разобраться в ней не составит труда.

Готовая картинка должна соответствовать определенным параметрам:

  1. Ширина должна совпадать с всплывающей формой подписки, на которую эта картинка крепится.
  2. Высоту изображения можно выбрать любую.

После создания изображения нужно его загрузить на форму. Для этого нужно:

  1. Открыть панель управления WordPress.
  2. Зайти в раздел «Медиафайлы».
  3. Добавить изображение.
  4. После чего открыть вкладку «Изменить» и скопировать ссылку картинки.
  5. Зайти в раздел «Виджеты» и открыть код формы рассылки, куда добавить
  6. На место кавычек вставить скопированную ссылку изображения и нажать «Сохранить».

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

Рассылка писем с WordPress через FeedBurner

Вопреки старомодному внешнему виду рассылок и неполноценному функционалу, веб-сервис FeedBurner все еще активно используется для распространения информации.

Распространение информации с WordPress с помощью веб-сервиса FeedBurner активно использовалось, и даже было отрекомендовано некоторыми веб-специалистами. Но сервис со временем начал терять свою популярность. Особый спад был зафиксирован после окончания работы Reader.

Доставка писем с помощью wp плагинов

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

В результате чего рассылка получает статус спамной. Поэтому важно разыскать для себя программный модуль, в котором можно будет настраивать интервал отправки писем. Актуальный показатель – 1-2 письма каждые двенадцать часов.

Ниже перечислены сайты, на которых можно найти подходящие программные модули для распространения информации по почте:

  • MailPress;
  • Mail Poet Newsletter;

Эти сайты вы можете найти, воспользовавшись поиском.

Рассылка писем с помощью сервисов моментальных рассылок

Наиболее простой и эффективный способ распространения информации по почте – веб-сервера почтовых рассылок. Они имеют ряд положительных сторон, в основном это:

  • Исключена перегрузка сервера;
  • Распространение информации тысячам абонентов;
  • Возможность изменить внешний вид писем на более привлекательный;
  • Привлекающая внимание пользователей страница с всплывающей формой подписки.

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

  • Unisender.
  • MailChimp.
  • Aweber.

Как создать всплывающее окно с формой?

Для данной манипуляции лучше всего подойдет Scroll Triggered Box. Этот программный модуль находится в свободном доступе. Всплывающая форма с полями для заполнения будет располагаться снизу в правом углу экрана.

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

Установка окна происходит таким образом:

Настройка плагина формы подписки

Если нужно качественное, эстетичное всплывающее окно, лучше воспользоваться платным программным модулем Easy FancyBox. Стоит такое удовольствие в районе 700 рублей.

Если окно должно располагаться посередине страницы, то для этого подойдет Option revolution: WordPress Popup. Его можно скачать бесплатно, но также имеется платная версия с более широким функционалом.

Весь процесс создания окна проходит непосредственно в самой программе. Поэтому разберется даже пользователь без знания css. Огромный бонус этой программы – эффективность в сборе базы абонентов.

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

Лучшие плагины для создания формы подписки

Существует множество плагинов, выполняющих нужную нам функцию. Есть платные и бесплатные. Полный их список можно получить, введя в поисковую строку «wordpress popup plugin».

  1. Quick AdSense – функциональное решение, которое позволит не только установить форму подписки, но и при надобности посадить на сайт несколько рекламных баннеров.
  2. Header and Footer – этот плагин идеально подходит для новичков. С его помощью можно без труда настроить форму сбора email адресов, а после организовать подписку. Но минус заключается в том, что форму можно вставить только в начале страницы либо в ее конце.
  3. Global Content Blocks – плагин, предназначенный для использования опытными веб-мастерами. Такие модульные программы не обладают автоматическим функционалом, но зато с их помощью можно гибко настроить форму подписки или обратной связи под любую страницу.

Как найти плагин

Форма обратной связи (подписки) в модальном окне

Чтобы размесить форму обратной связи в компактном модальном окне существует отличный бесплатный плагин – Scroll Triggered Box. Данный плагин имеет обширный функционал и позволяет не только установить уже готовую форму в модальном окне, а и проектировать ее с нуля.

Чтобы установить Scroll Triggered Box нужно перейти на сайт https://ru.wordpress.org/plugins/scroll-triggered-boxes/ , нажать кнопку «Скачать», далее следовать рекомендациям инсталлятора.

Как установить плагин Scroll Triggered Box

Где лучше всего разместить всплывающую форму

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

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

Главное правило – не навязывать форму большой кнопкой «Подпишись».

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

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

Бала ли вам статья полезной?

0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x