WP Email Capture Форма подписки — установка на сайт и настройка

Всем привет! На сегодняшнем занятии мы сделаем установку и настройку плагина WP Email Capture. По названию уже можно догадаться, что это форма подписки на сайт. И с его помощью можно делать рассылку писем по электронной почте.

Как работает плагин WP Email Capture? Он не будет внезапно выскакивать на вашем блоге с просьбой подписаться, закрывая весь контент. Как правило, это раздражает читателей. Поэтому вы расположите виджет подписки там, где посчитаете нужным.

Таким образом, мы рассмотрим два вида вставки виджета подписки на сайт. А также изменим в нём неугодный текст. И немножко подправим стиль CSS.

WP Email Capture установка плагина

А тем временем, переходим к стандартной процедуре установки. Для этого заходим в админ-панели в раздел Плагины и добавляем новый. В строке поиска вводим название. И вот он перед нами:

Плагин WP Email Capture установка формы подписки на сайт

Его полное название - WordPress Email Marketing Plugin - WP Email Capture. Нажимаем кнопку установки и активируем его. Теперь он появится в консоле в виде отдельного раздела слева.

Настройки формы подписки WP Email Capture

Наводим курсор на этот раздел и жмём Settings. Откроется окно под названием WP Email Capture Options, которое я для удобства поделю на части.

Options

Subscription Page URL (full web address ie: http://www.domain.com/this-page/) - в этом поле необходимо ввести адрес страницы, на которую будет идти перенаправление после ввода данных в самой форме.

WP Email Capture Options настройки плагина формы подписки для рассылки сайта

Я создала отдельную страницу, но закрыла её от индексации. Можете посмотреть пример, подписавшись. А закрыть от индексации её можно с помощью плагина Yoast SEO. Это делается в редакторе записи внизу.

Закрываем от индексации страницу благодарности за подписку на рассылку сайта

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

Confirmation Page URL (full web address ie: http://www.domain.com/this-other-page/) - а в данное поле вы вводите адрес страницы блога, на который произойдёт перенаправление после подтверждения подписки в почтовом ящике.

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

From Which Email Address - адрес электронной почты, с которого будет вестись рассылка.

From Which Name - кто будет указан в качестве отправителя. Думаю, можно прописать название сайта и краткое описание. Чтобы подписчик знал наверняка, что это вы.

Subject of Email - пишем произвольный текст.

Body of Email
(use %NAME% to use the form's "Name" field in their welcome email) - вводите приветствие и переменную имени.

Link to us (optional, but appreciated) - ссылка на разработчика. Я не ставлю галочку.

Make The "Name" field a required field? - Сделать ли поле с вводом имени обязательным? Активируем.

Make The "Name" field a required field?

Delimeter (leave blank for a comma) - разделитель. Оставляем поле пустым.

Send HTML email? - отправить HTML-письмо? Также оставляю пустым.

Disable Headers - отключить заголовки. Эту опцию нужно активировать в случае возникновения проблем с отправкой писем.

Use Default Styling - использовать стиль по умолчанию. А если хотите применить другой стиль, не ставьте галочку. И давайте сравним два варианта.

WP Email Capture стилизация темы
WP Email Capture стилизация темы
WP Email Capture стиль по умолчанию
WP Email Capture стиль по умолчанию

Вам советую поэкспериментировать и выбрать вариант, какой понравится.

GDPR Settings

Enable GDPR Settings - поставив галочку, вы откроете параметры для заполнения.

Вообще можно не заморачиваться и не трогать их. Но всё же рассмотрим вкратце.

How long do you want to keep data on your servers?

How long do you want to keep data on your servers? - выбираем срок хранения данных на серверах. Это день, неделя или месяц.

Privacy Policy - позволяет скопировать политику конфиденциальности, если вдруг понадобится.

Save Changes - нажимаем кнопку Сохранить.

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

Members

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

WP Email Capture функции плагина в настройках

Export

С помощью этой функции можно сделать экспорт в формате CSV. И использовать данные в программах Aweber и Constant Contact. Для этого жмёте кнопку Export List.

Temporary e-mails

Отображает количество неподтверждённых адресов подписчиков. Также есть кнопка, чтобы удалить их Delete Unconfirmed e-mail Addresses. А можно и подождать, вдруг подтверждение будет позже.

Delete Current List

С помощью данной функции можно удалить весь список подписчиков. Для этого кнопка Delete Confirmed e-mail Addresses. Так что здесь будьте осторожны.

Вставка виджета формы подписки на сайт

Теперь давайте разместим наш виджет WP Email Capture на сайте.

WP Email Capture установка на сайт с помощью виджетаДелается это очень просто. Нам нужно зайти в раздел Внешний вид → Виджеты. Либо открыть боковую колонку в визуальной настройке. Нажимаем Добавить виджет и выбираем WP Email Capture. Готово.

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

Кроме того, можно прописать заголовок. Например, "Подпишись на новости!" или "Подпишись на рассылку!"

WP Email Capture - вставка с помощью HTML-кода

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

Для этого копируем данный HTML-код:

<?php if (function_exists('wp_email_capture_form')) { wp_email_capture_form(); } ?> 

И далее заходим в файловый менеджер. Где открываем какой-либо файл, отвечающий за изменение установленной темы WordPress. Ну а дальше всё индивидуально. Пробуйте, главное, не забудьте предварительно сделать резервную копию.

Как изменить текст в форме подписки плагина WP Email Capture

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

А можно всё исправить и написать то, что нравится, сделав этим форму уникальной. Посмотрим, как это нашаманить.

Нужно зайти в файловый менеджер и открыть корневую папку сайта. А затем открыть папку данного плагина и найти файл display.php. Находится она по такому пути:

wordpress/public_html/wp-content/plugins/wp-email-capture/inc/display.php

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

Как исправить текст формы подписки на рассылку в коде плагина

Стиль формы подписки в CSS

А я ещё вот что решила сделать. Стиль формы я оставила по умолчанию. Вроде хорошо, но цвет фона меня не устраивает. Я желаю поменять его на более подходящий к моему оформлению блога.

Но где это сделать? Заходим в файловый менеджер и проходим по такому адресу:

wordpress/public_html/wp-content/plugins/wp-email-capture/inc/css

И открываем файл wp-email-capture-default-styles.css. В самом начале увидим свойство - цвет фона background-color. А цифры и буквы - это и есть код цвета. Их и меняем.

Email-capture меняем цвет фона в CSS

В интернете можно найти таблицы с массой оттенков и подобрать идеальный для себя. Рекомендую сервис ColorScheme.ru с замечательным выбором. Я покрасила в бирюзовый, в тон обложки сайта.

Как изменить стиль CSS для формы подписки на рассылку сайта

Ну а на этом урок окончен. Желаю вам побольше подписчиков! 😉

Хотите красивую кнопку Наверх для сайта? С плагином Ax ScrollTo Top это сделать очень просто!

Также полезной может оказаться информация о видах контента для статей блога.

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

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

;