Как настроить рассылку ежедневных и еженедельных писем в WordPress

Владислав Белецкий
Владислав Белецкий .
Категория:
Комментариев: 0

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

Каждый так называемый «эксперт» делает акцент на том, что нужно создавать списки рассылки. Создание «списков рассылки» стало одним из клике нашей отрасли. Однако большинство этих экспертов упускают одну важную деталь: как создать список рассылки правильно. Сегментирование или группировка ваших список крайне необходима для успешной кампании в долгосрочной перспективе. Путем сегментирования ваших подписчиков, вы будете уверены в том, что отправляете таргетированные или релевантные письма. Часто пользователи хотят быть в курсе актуальных материалов вашего сайта, но не хотят получать письма ежедневно. Предоставление им выбора еженедельной рассылки намного лучше, чем их отказ от рассылки вовсе. Давайте же посмотрим, как настроить отправку ежедневных и еженедельных писем в WordPress.

Вот так будет выглядеть то, что мы собираемся сделать:

list25optin[1]

Примечание: У вас ДОЛЖЕН быть аккаунт Aweber или MailChimp. Мы используем MailChimp на нашем сайте, поэтому описывать мы будем способ только для MailChimp. Однако для Aweber настройка практически идентична.

Войдите в ваш аккаунт и кликните на меню Lists. Вы увидите перечень ваших списков. Кликаем на опцию Groups » View Groups.

mailchimpgroup1[1]

В виду того, что созданных групп у вас еще нет, вы увидите на экране что-то вроде этого. Можно просмотреть видео, чтобы подробно ознакомиться с опцией. Нам же нужно нажать на кнопку Create Groups.

mailchimpgroup2[1]

После клика на эту кнопку вы увидите на экране примерно следующее.

mailchimpgroup3[1]

У вас есть возможность отображать настройки групп в форме подписки. Можно выбрать опцию отображения их в виде чекбоксов (галочек), либо же радио кнопок, в виде выпадающего списка или же не отображать их вовсе. В нашем случае, галочки — идеальный вариант. Выбираем название для группы, затем добавляем желаемые опции. В виду того, что мы создаем Ежедневные и Еженедельные новостные письма, мы добавим только их. Не стесняйтесь брендировать их по своему усмотрению. Можно назвать их, например, WPinCode Daily. Сохраните группы и с этой частью мы закончили.

Теперь давайте пройдемся по формам для наших списков. Возвращаемся на страницу Lists. Кликаем на ссылку Forms.

mailchimpgroup4[1]

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

mailchimpgroup5[1]

Единственная причина, по которой мы проверяем формы, это чтобы убедиться, что галочки на месте. Далее прокручиваем страницу вверх и кликаем на “For your Website tab”, получаем Signup Form Embed Code (код для встраивания формы).

mailchimpgroup6[1]

Вы увидите опцию для создания кода для встраивания формы. Здесь присутствует достаточное количество настроек, но мы выберем из них Naked Form. Она позволяет легко стилизировать нужные нам элементы.

mailchimpgroup7[1]

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

mailchimpgroup8[1]

Скопируйте и вставьте этот код в свою тему. Местоположение для формы подписки выбирайте сами. В нашем случае она располагается в сайдбаре, поэтому мы вставим код в файл sidebar.php. После того, как вы вставите код, нашей целью будет являться «вырезание» всех div’ов, отвечающих за внешний вид. Оставим только основные поля формы. Ваш результат должен выглядит примерно следующим образом:

<form action="http://list25.us1.list-manage.com/subscribe/post?u=549b83cc29ff23c36e5796c38&id=184bf03dd3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">

<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">

<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button" />

<input type="checkbox" checked="checked" value="1" name="group[9][1]" id="mce-group[9]-9-0">

<label for="mce-group[9]-9-0">List25 Daily</label>

<input type="checkbox" checked="checked" value="2" name="group[9][2]" id="mce-group[9]-9-1">

<label for="mce-group[9]-9-1">List25 Weekly</label>

</form>

Обратите внимание, что мы переместили кнопку отправки сразу после поля email. Также мы избавились от названия поля для email, и сейчас оно отображается как пустое без текста по-умолчанию внутри. Еще мы убрали поля для ошибок потому как открывающаяся новая вкладка с текстом об успешной подписке лучше работает. В виду того, что наши пользователи понятия не имеют, что нужно указывать в пустом поле и что оно предназначено для email, нам необходимо пояснить им. Лучшим способом будет использование значений onblur и onfocus.

Давайте дополним форму и заменим поле для ввода email на что-то в этом роде:

<input type="text" value="Enter your email..." onblur="if (this.value == '') {this.value = 'Enter your email...';}"  onfocus="if (this.value == 'Enter your email...') {this.value = '';}" name="EMAIL" class="required email emailupdatesinput" id="mce-EMAIL" />

Что будет делать этот код? Он будет добавлять текст “Enter your email…” в поле ввода электронного адреса. Когда же пользователь поставит курсор в этом поле, чтобы ввести адрес посты, текст автоматически исчезнет.

Теперь, когда мы решили этот вопрос, давайте добавим несколько дополнительных классов к нашей форме:

<form action="http://list25.us1.list-manage.com/subscribe/post?u=549b83cc29ff23c36e5796c38&id=184bf03dd3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">

<div class="subscribe">

<input type="text" value="Enter your email..." onblur="if (this.value == '') {this.value = 'Enter your email...';}"  onfocus="if (this.value == 'Enter your email...') {this.value = '';}" name="EMAIL" class="required email emailupdatesinput" id="mce-EMAIL" />

<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button subscribesubmitbutton" />

<div class="clear"></div>

<div class="subscribecheckboxes">

<input type="checkbox" checked="checked" value="1" name="group[9][1]" id="mce-group[9]-9-0">

<label for="mce-group[9]-9-0">List25 Daily</label>

<input type="checkbox" checked="checked" value="2" name="group[9][2]" id="mce-group[9]-9-1" class="secondcheckbox">

<label for="mce-group[9]-9-1">List25 Weekly</label>

</div>

</div>

</form>

Обратите внимание, что мы добавили дополнительные div’ы. Также мы добавили дополнительный класс ко второму полю для ввода и к кнопке отправки. Теперь, когда мы определили наши элементы html, давайте добавим и стилей для них в наш файл CSS (style.css).

.subscribe { width: 296px; height: 38px; border: solid #bbbbbb 1px; margin: 0 0 60px 0;}

.subscribecheckboxes {margin: 20px 0 0 0; font-family: 'ProximaNovaRegular', sans-serif; font-size: 14px; color: #626262;}

.secondcheckbox {margin: 0 0 0 28px;}

.emailupdatesinput { width: 162px; height: 38px; border: none; font-family: Georgia, serif; font-size: 14px; font-style: italic; color: #949494; padding: 0 10px 0 10px; float: left;}

.subscribesubmitbutton { background: #ff370f; height: 40px; border: none; width: 115px; margin: -1px -60px 0 0; float: left; font-family: 'ProximaNovaRegular', sans-serif; font-size: 12px; color: #ffffff; text-transform: uppercase; padding: 0 1px 0 0; cursor: pointer;}

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

После того, как вы загрузите CSS, итоговый результат будет выглядеть примерно так:

list25optin[1]

Теперь, когда мы закончили с оформлением, вам нужно будет создать кампании в вашей панели управления MailChimp или Aweber для каждой определенной группы. Мы использовали кампании RSS to Email (RSS Driven Campaigns). Кликаем на меню Campaigns, затем наведите мышь на кнопку кампании. Вы увидите опцию RSS Driven Campaign.

mailchimpgroup9[1]

Следующие шаги интуитивно понятны. Вы введете ваш адрес ленты RSS, выберете время. Затем укажете сегмент вашего списка и все.

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

По всем вопросам и отзывам просьба писать в комментарии ниже.

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

VN:F [1.9.22_1171]

Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии