Как в Вордпресс добавить форму подписки

В статье речь пойдет о создании формы подписки на обновления сайта.

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

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

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

Переходим к технической части.

Как сделать форму подписки для WordPress?

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

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

Появление подобного окна говорит о том, что мы идем по правильному пути.

Переходим к следующему действию: нужно «зажечь» фид. У меня один фид уже «зажжен», что видно из картинки.

Что вообще значит «зажечь»?

Действием по «зажжению» фида вы пропускаете RSS-канал вашего сайта через сервис Feedburner, после чего этот канал будет транслироваться среди подписчиков вашего ресурса.

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

И выбираем во вкладке Languages русский язык (или любой другой из доступных, если вам так удобнее).

Далее необходимо ввести URL вашего сайта и нажать кнопку Next:

После чего появится окно, повествующее о том, что сервис нашел по указанному адресу более одного фида (кроме основного найден фид комментариев). Выбираем в качестве источника первый и нажимаем Next:

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

Идем дальше, жмем Next.

Фид обрел жизнь, о чем нас извещает появившееся поздравление. Здесь же нам предлагается произвести некоторые настройки, так сказать «приодеть» фид:

Переходим далее:

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

Интерфейс сервиса Feedburner предусматривает четыре вкладки с настройками и информацией:

• Анализируй
• Оптимизируй
• Публикуй
• Решай проблемы

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

Начнем с первой.

Находим во вкладке Оптимизируй раздел BrowserFriendly и заходим в него.

В первую очередь здесь нужно поменять язык темы на русский, для этого в выпадающем меню Тема выбираем ClearFeed (Russian).

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

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

Жмем Сохранить и идем дальше.

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

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

Более или менее знакомыми для русскоязычной аудитории являются здесь Email This (электронная почта), Share on Facebook (поделиться в Facebook), их и отмечаем, можете добавить и другие, по своему усмотрению:

Далее нажимаем Активировать и переходим к следующему пункту под названием Feed Image Burner.

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

В выпадающем меню Image Source нужно выбрать пункт Specify custom image URL, после чего по порядку сверху вниз:

• заполнить поле Specify custom image URL, то есть прописать URL к картинке;
• заполнить поле Image Title, то есть прописать содержимое тега title картинки;
• вписать URL вашего сайта в поле Link, то есть при щелчке по картинке будет происходить переход по данной ссылке на ваш сайт.

Жмем Сохранить.

Переходим к пункту настроек Title / Description Burner. Данный пункт позволяет прописывать заголовок и описание вашего сайта, которые будут использоваться при трансляции потока через RSS. Я прописал сюда содержимое мета-тегов главной страницы своего сайта:

Сохраняем все внесенные изменения. Основные настройки во вкладке Оптимизируй мы произвели.

На очереди вкладка Публикуй:

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

В разделе BuzzBoost можно определить функцию экспорта RSS фида в виде html для публикации на другом сайте.

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

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

Первый подпункт — Subscription Management. Здесь в выпадающем меню Language выбираем русский язык, после чего чуть ниже копируем сгенерированный код формы подписки:

Теперь этот код нужно использовать для вставки в файлы WordPress вашего сайта, и тут все индивидуально — каждый может вставить код куда пожелает.

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

Сохраняем изменения и радуемся результату.

Если вы хотите выводить вашу форму подписки после каждой статьи, то вам нужно вставить скопированный код в соответствующее место файла single.php WordPress.

На этом более задерживаться не будем и переходим к следующему подпункту — Communication Preferences. Здесь в графе Адрес электронной почты «От» прописываем свой адрес электронной почты, который будет значится при рассылке писем как исходящий («От»).

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

У меня получилось следующее:

Сохраняем изменения.

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

${confirmlink}

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

В остальном вам предоставлена полная свобода в написании текста письма-запроса о подтверждении подписки.

На очереди у нас подпункт Email Branding, в котором представлены настройки писем, рассылаемых подписчикам и информирующих их о появлении новых статей на вашем сайте.

Здесь нужно заполнить поля Тема/Название письма и URL логотипа. Также здесь доступны настройки шрифта (стиль, цвет, размер) используемого в тексте писем.

Результат моих действий ниже:

Не забываем сохранять изменения.

Код ${latestItemTitle} в поле Тема/Название письма отвечает за вывод в качестве темы письма названия статьи, о появлении которой информирует данное письмо.

Остался последний подпункт в пункте Подписки по электронной почте — Delivery Options. Тут все просто: укажите часовой пояс, в котором находитесь, а также временной интервал, в течение которого желаете чтобы сервис Feedburner рассылал письма о появлении новых статей вашего сайта.

Я нахожусь в Челябинске, соответственно выбрал часовой пояс, в котором находится Екатеринбург. Время рассылки я выбрал с 13:00 до 15:00, то есть в дневное время:

Сохраняем настройки.

Переходим к настройкам PingShot. Тут тоже ничего сложного нет, просто нажимаем Активировать. Теперь при публикации нового контента на вашем сайте об этом будут уведомляться интернет-службы для чтения фидов:

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

Подробнее этот пункт освещать не буду, там все предельно ясно и интуитивно.

В разделе Socialize можно настроить подключение вашего RSS к социальной сети.

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

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

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

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