Как создать правильный блог #6. Форма email подписки

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

Как создать форму email подписки на WordPress

Для начала скачайте и установите плагин MailPoet (скачать)

Я думаю, что Вы уже поняли как устанавливать плагины, но навсякий случай напомню:

  • Скачиваем архив с плагином
  • Открываем файл менеджер на хостинке
  • Заходим в www/wp-content/plugins
  • Загружаем сюда архив с плагином
  • Жмем на пиктограмму «Распаковать архив»
  • Переходим в панель управления wordpress
  • Открываем раздел «Плагины»
  • Находим в списке установленный плагин и жмем «Активировать»

Ну вот и все, плагин установлен. Теперь давайте приступим  к созданию формы email подписки

После установки в правом мену консоли у Вас появится раздел MailPoet. Выбираем в нем пункт «Подписчики»

Как создать правильный блог #6. Форма email подписки

Далее в верхнем меню кликаем на пункт «Добавить список»

Как создать правильный блог #6. Форма email подписки

Называем список, например, Оповещение о новых публикациях. Жмем «Добавить список»

Далее переходим к настройкам

Как создать правильный блог #6. Форма email подписки

Выбираем пункт «Формы» и жмем «Создать новую форму»

Как создать правильный блог #6. Форма email подписки

Ничего не меняем и жмем «Сохранить»

Как создать правильный блог #6. Форма email подписки

Форма подписки создана. Теперь давайте решим, где мы будем ее размещать. Рекомендую размещение в сайтбаре и в конце поста.

Давайте начнем с сайтбара. Переходим к «Внешний вид» — «Виджеты»

Как создать правильный блог #6. Форма email подписки

Перетаскиваем виджет «MailPoet Sub. Form » из правой части в конец раздела «Sitebar»

Как создать правильный блог #6. Форма email подписки

 

Выбираем созданную нами форму и жмем «Готово»

Как создать правильный блог #6. Форма email подписки

Далее открываем блог и видим в конце сайтбара форму*

Как создать правильный блог #6. Форма email подписки

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

Данная форма подписки будет приносить нам 5-10% от общего числа подписчиков. Гараздо эффективнее будет форма в конце статьи. Для ее добавления нам нужно мудет написать простой код. Я уже его подготовил. Вам осталось копировать — вставить)))

Идем в Раздел «Внешний вид» и открываем «Редактор»

Как создать правильный блог #6. Форма email подписки

Нам нужен файл «single.php». Выбираем его в правом меню

Как создать правильный блог #6. Форма email подписки

В открывшемся файле ищем строку php get_template_part( ‘template-parts/content’, ‘single’ );

Далее ищем первый после этой строки тег ?> (может быть сразу после php get_template_part( ‘template-parts/content’, ‘single’ ); ?>) и после ?> вставляем этот код:

<style>
.wi {

padding:20px;
margin-top:30px;
outline: 2px solid #000; /* Чёрная рамка */
border: 3px solid #fff; /* Белая рамка */
border-radius: 10px; /* Радиус скругления */
}
</style>
<div class="wi">
<h3>Подписаться на обновления:</h3>
<div class="widget_wysija_cont html_wysija"><div id="msg-form-wysija-html598a1f9911e79-2" class="wysija-msg ajax"></div><form id="form-wysija-html598a1f9911e79-2" method="post" action="#wysija" class="widget_wysija html_wysija">
<p class="wysija-paragraph">
<label>Адрес электронной почты <span class="wysija-required">*</span></label>

<input type="text" name="wysija[user][email]" class="wysija-input validate[required,custom[email]]" title="Адрес электронной почты" value="" />

<span class="abs-req">
<input type="text" name="wysija[user][abs][email]" class="wysija-input validated[abs][email]" value="" />
</span>

</p>
<input class="wysija-submit wysija-submit-field" type="submit" value="Подписаться!" />

<input type="hidden" name="form_id" value="2" />
<input type="hidden" name="action" value="save" />
<input type="hidden" name="controller" value="subscribers" />
<input type="hidden" value="1" name="wysija-page" />

<input type="hidden" name="wysija[user_list][list_ids]" value="3" />

</form></div></div>

Жмем «Обновить файл

Как создать правильный блог #6. Форма email подписки

Далее открываем любую запись на блоге и смотрим на результат

Как создать правильный блог #6. Форма email подписки

Данную форму подписки Вы можете наблюдать в конце этой статьи.

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

Пишите в комментариях, доступно ли изложен материал в данной статье? С нетерпением жду Вас на следующем уроке.

Рекомендованный контент:

Возникли проблемы? Задать вопрос

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

Подписаться на обновления:

  1. Sergey Ответить

    Cпасибо,надо пробовать.Я на своём блоге ипользую форму Opt-In Hound но ограничения-нельзя скачать базу или сделать по ней рассылку меня не устраивают)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *