Веб-Острова Анатолия Куликова

Делаем мощную email-рассылку с SendPulse

Делаем мощную email-рассылку с SendPulse

Рано или поздно любой бизнес или организация задумывается о таком канале общения со своей аудиторией, как email-рассылки. Ровно к такой же потребности мы подошли при работе над проектом большого спортивного соревнования по гребле. В самом начале нашего пути, когда база контактов ещё не перешла отметку в полсотни, вести переписку и извещать спорстменов и огранизации было в принципе не сложно — любой современный email-сервис (Яндекс.Почта, Gmail, Mail.ru) позволяет провести массовую рассылку.

Но через месяц работы база контактов бодро перешла за сотню, появились разделения на группы (спортсмены, организации, СМИ, спонсоры), а кроме того, необходимо соблюдать конфиденциальность рассылки и не «палить» чужие электронные почты — в конце концов, когда в списке получателей кроме тебя ещё 100+ адресов, выглядит это не очень красиво. И ещё один немаловажный факт — по части возможности оформления наши стандартные почтовые сервисы оставляют желать лучшего, мягко говоря.

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

  • MailChimp
  • Digital Contact (он же Печкин-мейл)
  • SendPulse
  • Unisender

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

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

Урок получился большим, поэтому запасаемся чаем и печеньками. А ещё я приготовил для Вас несколько сюрпризов.

Начало работы

Сам сервис богат на возможности — тут нам email-рассылки, SMS и Viber-рассылки, web-push уведомления (это когда оповещение в браузере всплывает).

Регистрация на сервисе очень простая — можно регистрироваться как через классический email, так и с помощью социальных сетей. От себя рекомендую регистрироваться через email — если понадобиться предоставить доступ другому лицу (лицам) для работы с инструментом, то потребуется только сообщить ему email/пароль, тогда как регистрация через социальные сети привязывается к Вашему аккаунту, которым делиться лучше не советую. Для своего проекта мы использовали почту для домена и зарегистрировали на него — так и несколько человек смогли пользоваться сервисом, да и адрес, с которого осуществлялась рассылка, получился красивым.

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

Единственное необычное в плане регистрации требование — это указать свой телефон. Желательно, конечно, указывать свой личный мобильный. Он практически никак не будет задействован, разве что могут позвонить по каким-либо вопросам. Нам за полтора года пользования не звонили ни разу.

Как только введёте все данные, смело открывайте почту — скорее уже пришло письмо с подтверждением (обычно в течении минуты-двух, если не приходит — обновите страницу почтового сервиса). От начала пользования нас отделяет только подтвержение регистрации.

После регистрации мы попадаем в главную панель управления. Здесь у нас пока что ничего нет. И прежде, чем мы начнём создавать формы и рассылки, давайте настроим сервис более тонко. Для этого нам нужно нажать на кнопку-стрелочку в верхнем правом углу, рядом с кружком аватара и надписью «Бесплатно 2500» — появится выбадающее меню и там нам необходимо выбрать пункт «Настройки аккаунта».

Сразу оговорюсь — сервис на бесплатном аккаунте даёт возможность отправить 2500 писем в месяц, а всего бесплатно можно отправить 15 000 писем. На мой взгляд более, чем достаточно для начала.

Итак, мы на странице настроек. Первое, что мы видим — это базовая информация о профиле, а чуть ниже пункт с дополнительной информацией. Советую один раз и сразу заполнить все необходимые поля, чтобы в дальнейшем не возвращаться к этому вопросу. И не забываем нажимать кнопку «Сохранить»!

Если Вы создаёте аккаунт для Юридического лица, то доступна специальная вкладка для него с кучей дополнительных полей.

Последняя вкладка, с которой следует разобраться на стадии настройки — это Уведомления. Здесь можно настроить по Вашему желанию, как часто и по какому поводу сможет писать SendPulse. В общем, все они полезные, но если вдруг что-то из этого не нужно — просто снимите галочку и всё.

На этом настройку сервиса можно считать оконченной. Просто, правда?

Создаём базу данных подписчиков

Основа email-рассылок — это база данных получателей, кому мы письма будем посылать. Поэтому начнём мы именно с создания базы данных и разберём, как она работает и из чего состоит.

Давайте нажмём в главном меню (боковая колонка слева) на «Адресные книги» и попадём в списки базы данных. По умолчанию у нас уже есть одна — давайте откроем её и немножко с над ней поработаем. Для этого нажмите на название адресной книги подписчиков.

Первое, что хочеться сделать, это поменять стандартное название на что-нибудь более осмысленное. Посмотрите — рядом с названием есть иконка в виде карандаша — нажимаем на неё и меняем название книги на своё. Готово? Хорошо. Вы наверное обратили внимание на ещё одну иконку рядом (в виде записной книжки) — она всего лишь скрывает/показывает список со статистикой под названием адресной книги.

А мы же перенесём своё внимание на таблицу внизу — именно здесь хранятся списки получателей наших рассылок. Изначально там только один адрес — Ваш, чтобы и Вы получили письмо. Что-то наша база пустая… Давайте добавим контактов! Для этого нажимаем большую зелёную кнопку «Добавить контакты» и нам предлагается 3 варианта добавления — загрузить файл, в котором содержится список адресов, ввести адреса вручную или импортировать из других систем.

В случае импорта всё просто — выбираете нужный сервис, указываете ключ API (его можно узнать в техподдержке проекта или в личном кабинете на сервисе) и ждёте, пока импорт закончится. В случае загрузки файла тоже всё достаточно просто — допустим, у Вас есть текстовый документ, где указана куча адресов, кому вы делали рассылку вручную. В нашем случае с соревнованиями была огромная таблица.

Ручной ввод тоже очень простой, только одна тонкость — не указывайте email’ы через запятую, а каждую новую почту указывайте с новой строки (с помощью клавиши Enter). При вводе вручную сначала указываем почту, затем через запятую другие данные. Я добавил в базу данных несколько своих электронных адресов. После того, как Вы укажете все нужные почтовые ящики и сопутствующие параметры, нажимайте на кнопку «Загрузить». В новом окне система будет показывать Вам процесс добавления новых адресов в базу — здесь следует подождать и не жать скорее кнопку «Сохранить«, иначе система не успеет импортировать все адреса и придётся всё заполнять заново.

Хочу сказать ещё несколько строк от себя — конечно, можно добавить сколь угодно адресов вручную, но советую это делать в крайнем случае. Во-первых, все добавленные вручную адреса проходят модерацию — система обязательно спросит, откуда Вы взяли эти почты. Потом, если Вы не рассылали с этого email’a письма указанным адресатам, то с вероятностью 99% они окажутся либо в папке Спам, либо в Промоакциях (характерно для Gmail). Что, в общем-то правильно, но совсем для нас не нужно.

Итак, мы добавили несколько адресов в нашу адресную книгу. Теперь давайте посмотрим, какие возможности она имеет. Над таблицей справа есть кнопка «Добавить переменную» — при своей незаметности она является очень мощным инструментом. Она позволяет добавить к основным полям новые, с помощью которых можно более тонко работать с рассылкой. Например, нам нужно знать, из какого города наш подписчик — добавляем новую переменную, называем её «Город», а типом выбираем «строковую переменную».

Немножко о типах переменных — они могут быть только 3 типов: строковые, числовые и дата. Строковая — это любое название переменной, в которой могут быть и буквы, и цифры. По-другому её можно назвать универсальной. Числовые можно использовать тогда, когда предполагается использование исключительно чисел — например, почтового индекса. А Дата это и в Африке дата — с помощью неё можно указывать, например, день рождения подписчика.

Переменные можно не только создавать, но и удалять — нажмите на серую область рядом с названием и там появятся две иконки: одна из них переименовывает, а вторая удаляет переменную. Отмечу, что удалять можно только собственные переменные, от стандартных отказаться не получится. И при удалении вернуть переменные уже не получится.

На что ещё можно обратить внимание, так это Рейтинг — он показывает, насколько подписчик лояльно относится к Вам: читает ли входящие письма, переходит по ссылкам или же просто не обращает внимания. Его на основании этих данных составляет сама система, а как его использовать — решать только Вам.

Мы познакомились с адресными книгами и их настройкой. Создавать их можно много, но я советую распределить по сегментам рассылки, например так: СМИ, Клиенты, Потенциальные клиенты и Подписчики. Потом контакты можно переносить из одной адресной книги в другую — такая возможность появится, когда их будет хотя бы две, и тогда в режиме просмотра адресной книги можно будет выделить подписчиков и переместить в другую книгу.

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

Создаём форму подписки

Итак, у нас есть адресная книга (а может, и не одна) и теперь нам нужна форма подписки, чтобы любой человек смог подписаться на наши новости. В главном меню слева выбираем «Формы подписки» и нажимаем большую зелёную кнопку «Создать новую форму».

Для начала нам нужно выбрать вид формы — встроенная форма (постоянно находится в определённом месте на сайте), Попап-окно (всплывает при указанных параметрах), Плавающая форма (напоминает немного попап, но её можно двигать по экрану), и Фиксированная форма (тоже сродни попап-окну, но появляется строго в определённом месте на экране, обыкновенно снизу. а не по центру). Ещё можно выбрать готовую форму и не заморачиваться её внешним видом, благо выбор достаточный. И скорее всего, некоторые из этих форм покажутся Вам знакомыми — часто, чтобы не заморачиваться, используют готовые варианты.

Мы будем создавать встроенную форму собственного дизайна — выбираем нужный вариант, после чего указываем, в какие адресные книги будет записывать контакты данная форма. У нас пока что одна адресная книга, но когда станет больше, мы сможем записывать адресатов сразу в несколько книжек, что может быть весьма удобным. А ещё прямо здесь можно создать новую адресную книгу. Итак, выбираем книгу и отправляемся в Редактор (большая зелёная кнопка).

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

Когда мы создаём новую форму, мы видим вверху экрана в красном прямоугольнике предупреждение: «Вам необходимо указать один или несколько доменов, на которых будет размещена форма». Сделаю небольшое отступление — сервис очень ревниво относится к адресам (а вернее — доменам) сайтов, на которых располагается его форма. Если форма запрограммирована работать только по конкретному домену и на других работать не будет. Особенно хочу обратить внимание разработчиков, которые пользуются локальными серверами — на локалхосте формы не работают, но стоит выгрузить сайт на нужным домен и всё становится на свои места.

Итак, давайте начнём работать с внутренней начинкой, а именно — опциями. В верхней панели нажимаем на кнопку «Опции формы» (около неё будет значок со знаком восклицания). В первом разделе мы должны указать домены для формы (в моём случае это anatolykulikov.ru) — это самое важное. Кроме того, здесь можно задать форме осмысленное название и добавить адресные базы.

Переходим во вторую вкладку — «Уведомление о подписке». Здесь можно настроить текст, который увидит пользователь, когда заполнит поля формы и нажмёт кнопку «Подписаться». В принципе, здесь текст уже хороший, можно и не трогать. Но если хотите что-то дописать, советую следовать 2 правилам:

  1. Писать кратко (длинные тексты лучше оставить для письма и сделать это более красиво);
  2. Желательно предупредить, что на почту придёт письмо для подтверждения рассылки — мелочь, но многие могут про это просто забыть.

Следующий раздел — «Текст письма подтверждения» — это название и содержание письма, которое придёт на указанный почтовый ящик. Здесь всё практически то же самое, что с уведомлениями — стандартный текст хорош, но его можно поменять по своему вкусу. Главное — не удалять кнопку «Подтвердить подписку». Но если вдруг она удалилась, то Вы можете выделить текст или любой объект (например, вы вставили красивую картинку) и поставить на неё линк — это кнопка в виде трёх звеньев цепочки и во всплывшем окне напротив параметра URL поставить переменную {{LINK}}.

Последний раздел в опция формы — «Страница подтверждения». Самая простая страница с настройками — здесь мы можем указать, куда отправлять пользователя, когда он подтвердит подписку — на стандартную страницу или на страницу на нашем сайте. По умолчанию он будет открывать стандартную страницу, но если на Вашем сайте есть специальная страница (или Вы можете её сделать), то можно указать ссылку.

После проделанных операций нажимаем «Применить изменения» и возвращаемся в редактор. Начинаем творить красоту.

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

Давайте начнём с общего дизайна формы. Щёлкните в любом месте на полосатом фоне и в правой колонке активизируется вкладка «Дизайн». Здесь очень много различных настроек формы, разбитые на несколько блоков:

  • Стиль блока — здесь основные настройки формы. Мы можем указать, как будут распологаться элементы формы, установить ширину формы в пикселах (для точной подгонки под сайт), установить фон формы (цвет или картинку), цвет и толщину контура, внутренние отступы и скругление внешних углов. Советую поиграть с настройками и посмотреть, что получается. Обратите внимание на параметр «во всю ширину» — он будет очень полезен, если вы будете располагать форму в тексте и нужно сделать так, чтобы форма шла одним блоком и на неё никто больше не «нападал». И ещё немного про ширину — желательно выдерживать её в размерах до 420-450 пикселей, чтобы могла поместиться на экранах мобильных телефонов.
  • Поля ввода и названия — здесь общая настройка шрифтов, размеров текста и их внешнего вида. Здесь также советую попробовать поэкспериментировать с настройками — они моментально отражаются на внешнем виде.

Теперь давайте разберёмся с элементами. Нажмите на текст над полем для e-mail «Раз в неделю…»  и Вы сразу заметите, как изменилась правая колонка. Теперь она уже позволяет настроить внешний вид каждого конкретного элемента и настроить его. Можно поменять сам текст, но если он Вам, как и мне, не нужен, то этот элемент можно просто удалить — когда Вы его выделили, появились две иконки — серая со стрелочками для перемещения и красная для удаления. Мне он не нужен и я его без сожаления удаляю.

Давайте вместо него поставим новое поле — «Имя подписчика». В левой колонке на самом верху есть большая зелёная кнопка с плюсом, которая позволяет добавлять самые популярные и регулярные поля для форм. Давайте нажмём на неё и выберем ту, что для имени — наведите на неё указатель мыши, зажмите левую кнопку (которой обычно жмёте) и начинайте перетаскивать на форму. Просто, правда? Признаюсь, меня это тоже купило. Таким же образом Вы можете добавить другие поля и элементы формы — наводите на нужный, зажимаете кнопку мыши и тащите на форму.

У нашего поля появилась иконка с восклицательным знаком — ему требуется указать, с какой переменной из адресной книги нужно связать это поле. Укажем ему переменную «Имя».

Также каждое поле можно сделать обязательным, но такое решение нужно принимать обдуманно и осторожно, и иметь для этого логичное обоснование — вероятно, человек захочет остаться инкогнито. Или что ещё проще — просто окажется лень заполнять. Одно обязательное поле в форме уже есть — это email (его нельзя даже удалить). Поэтому, без необходимости не усложняйте своим подписчикам жизнь.

Теперь перейдём к кнопке «Подписаться». Собственно, все элементы настройки мы уже видели — в конструкторе для удобства многие действия унифицированы. Но кнопки имеют одно дополнительное свойство — это стиль, который может быть простым (плоским), с тенью и градиентом. Выберите тот, что по вкусу Вам, а я лично использую обычный плоский вид.

Вот мы и создали простую форму для сайта, но она должна пройти модерацию на сайте — это не должно занять много времени. Но тем не менее, на сайт её уже можно добавить (хотя я бы дождался прохождения модерации). Для этого нажмите кнопку «Сохранить и получить код» (сверху справа) и скопируйте получившийся код. Теперь нам понадобиться сайт — в моём случае это вот этот самый блог на WordPress. Я планирую вставить форму прямо в текст статьи — открываю нужную и в поле редактирования текста перехожу на вкладку «Текст» и в нужном месте вставляю код. Неважно, какой системой вы пользуетесь, главное — вставлять код формы в режиме html-редактирования статьи (или в текстовом режиме), иначе ничего не получится.

У меня получилась вот такая форма подписки. Форма рабочая и кто подпишется, того ждёт приятный сюрприз 🎁, но об этом чуть ниже 🙂 .

Нажимая кнопку «Подписаться» вы выражаете согласие на на обработку персональных данных в соответсвии с законом ФЗ-152 «О персональных данных» от 27.07.2006 и принимаете условия Пользовательского соглашения


Что можно ещё добавить в форму? Советую добавить предупреждение, что человек, нажимая кнопку «Подписаться» соглашается на обработку данных — это можно сделать с помощью чекбокса или подписи под самой кнопкой (про закон у меня есть отдельная статья). Совсем по-взрослому можно делать так — в адресной книге создаём переменную «Согласие на обработку» (можно добавить переменную прямо в Конструкторе форм — посмотрите небольшая кнопка «Добавить» с пунктиром снизу) и сделать чекбокс обязательным — так у нас в базе будет безусловное подтверждение того, что человек дал согласие.

Есть такая возможность, что вы добавите код формы, а её не будет или она не будет работать. Что нужно сделать:

  • проверить, прошла ли она модерацию (почему и советую её дождаться, прежде чем вставлять форму на сайт);
  • проверить, тот ли домен указали вы в опциях формы.

Обычно этих двух вариантов хватает. Но если не помогает — пишите в службу поддержки, работают они оперативно.

Ещё на форму можно самому посмотреть и другим показать, если вернутся в раздел «Формы подписки» из главного меню — под названием каждой формой будет указана короткая ссылка для просмотра. Единственное но — форма работать не будет. Если Вы создаёте форму для кого-то, то можете показать её на этапе производства, перед тем, как установить на сайт.

Создаём письмо и рассылку

Итак, форму мы создали, подписчики добавляются в нашу базу и самое время напомнить о себе — будем создавать рассылку. В главном меню выбираем «Мои рассылки» — здесь пока пусто и одиноко, поэтому создадим нашу первую рассылку.

Для начала нам предлагается выбрать 3 главных параметра:

  • Адресные книги — кому мы будем рассылать. Можно выбрать несколько адресных баз, но это ещё не всё — мы можем сегментировать их, отобрав адресатов по нужным параметрам. Помните, когда я рассказывал про адресные книги и переменные? Пришёл их час! Здесь можно развернуться на полную катушку и отобрать свою аудиторию очень точно. А помните про рейтинг получателей? Именно здесь мы можем воспользоваться им — наградить подписчиков с большим рейтингом и активизировать тех, кто не обращает на нас винмания (или обращает, но мало). Сегментировать можно по нескольким условиям, а потом сохранять в готовый фильтр, чтобы применять его в следующих письмах. В общем — это очень мощный инструмент в умелых руках.
  • Адрес и Имя Отправителя — здесь указываем email, с которого будет производится рассылка, а также имя, от кого она производится. Советую по возможности её не менять, поскольку изменение этих параметров может вызвать желание Яндекса или Гугла отправить письмо в Спам. Да и в целом у получателей не будет возникать вопросов «От кого письмо?».
  • Тема сообщения — название письма. Здесь, кстати, тоже можно задействовать переменные из адресных книг, чтобы сделать письмо индивидуальным для каждого получателя. Для добавления переменной нажмите на {} в конце поля (рядом со смайлом) и выберите нужную переменную, или для более изощрённой настройки нажмите на «Добавить условие». И да, смайлы тоже можно вставлять в название письма.

Заполнили все поля? Переходим далее. На втором этапе нам предлагают выбрать шаблон письма — дело в том, что SendPulse для создания письма в рассылку берёт его из шаблонов. Нам предлагают воспользоваться Конструктором шаблонов, Упрощённым редактором (для тех, кто не хочет заморачиваться, но это не мы 🙂 ) или выбрать из Готовых шаблонов SendPulse.

Есть ещё один вариант — использовать свои, самостоятельно свёрстанные шаблоны, но эту тему мы оставим за рамкой данной статьи. В следующий раз, когда у Вас уже будет готовый шаблон (и не один), можно будет выбрать его в разделе «Мои шаблоны и импорт».

Мы выберем Конструктор шаблонов, а базовую структуру шаблона — Текст. Мы не будем выбирать из готовых, чтобы не запутаться сразу в куче элементов, а постепенно разберёмся в создании шаблонов с нуля. Итак, начнём.

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

Прежде всего разберёмся с лишними элементами в письме. Посмотрите на его нижнюю часть, называемую обычно футером или подвалом. Если вы на стадии настройки профиля не заполняли какие-то поля (потому что ненужные), вместо них будут показаны переменные — давайте их просто выделим и удалим. Оставим только строчку «Вы получили данную рассылку, так как являетесь нашим подписчиком» и обязательно — ссылку «Отказаться от рассылки».

Возможность отписаться нужно предоставлять всегда и не маскировать её — всё рассылки так же проходят премодерацию и скорее всего такое письмо они не пропустят.

Теперь продолжим знакомство с элементами и первое, что сделаем — поставим для нашего письма красивую картинку в заголовок. Хватаем элемент «Картинка» и перетаскиваем в заголовок письма — как только элемент займёт своё место, Конструктор сразу же предложит выбрать картинку — её можно перетащит из прямо из папки с компьютера, но давайте в этот первый раз нажмём на кнопку «Загрузить с диска». При нажатии сбоку появилась новая панель — это наша Галерея изображений. Здесь будут храниться все картинки, которые Вы загрузите, что очень удобно — многие элементы можно загрузить лишь однажды (типа логотипов или фирменных элементов декора), а также рассортировать по папкам. Загрузим новые изображения — нажимаем «Загрузить файл» и любым удобным для нас способом добавляем новые изображения. После того, как они загрузятся, выбираем нужное и закрываем панель с Галереей (для этого можно просто щелкнуть по затемнённой области).

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

  • Ссылка — просто ссылка на любой адрес в интернете. Это может быть ваш сайт, группа или профиль в социальной сети. Главное — следовать простой логике: что на картинке показано, туда и должна вести ссылка.
  • E-mail — допустим, что у Вас есть картинка, побуждающая получателя написать ответное письмо — тогда выбираете этот пункт и указываете нужный адрес.
  • Телефон — аналогично пункту с e-mail, но позволяет автоматически набрать указанный номер. Хочу отметить, что этот пункт наиболее актуален для мобильных телефонов, когда как для других устройств (планшеты, ноутбуки и простые компьютеры) могут потребоваться специальные программы для звонков, типа Skype или Viber.

Теперь поработаем с телом письма. Вам не кажется оно слишком узким? У меня есть такое ощущение — поправим ситуацию. В правой панели выбираем закладку «Тело письма». Первый пункт — Ширина контента — именно то, что нам нужно. К сожалению, разработчики ограничили количество допустимых вариантов ширины и максимальный размер писем 700 пикселами, но это, пожалуй, единственный несущественный минус.

Здесь же мы можем поработать над фоном письма (общий фон, который будет вокруг элементов) и фоновым цветом (цвет внутри элементов — текста, картинок, кнопок и т.д.). да, названия с первого раза могут быть не однозначно понятны, но буквально через 2 минуты мы легко разберёмся.

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

Я предпочитаю не нагружать письма картинками и узорами, а использовать однородные цвета — полностью белый (в коде #ffffff), либо слегка серый (в коде #fafafa). Попробуйте скомбинировать их — на фон письма поставьте #fafafa, а фоновым цветом #ffffff. Неплохое сочетание цветов и мы теперь понимаем, что такое фон письма и фоновый цвет.

Вернемся к редактированию письма. Под нашей картинкой пока находится стандартный текст — заменим его на что-то более подходящее нам. Например, описание нашего проекта — у меня уже есть заготовленный текст и его я просто копирую в область текста. Важное примечание — если вы копируете/вставляете текст из программ наподобие Microsoft Word или с других сайтов, то вместе с текстом могут скопироваться его стили (правила оформления, которые на первый взгляд не видны) и получится полный кавардак. Можно использовать следующий лайфхак:

  • создаём текстовый документ (документ блокнота .txt)
  • вставляем в него текст из Word/сайта/другой программы — там сохраниться только текст, всё лишнее отвалится
  • выделяем текст, копируем и вставляем в редактор SendPulse

Да, если вы копируете пост и ВКонтакте, Facebook или онлайн-блокнотов типа Google Keep, то можете копировать напрямую в редактор — всё будет нормально и даже смайлики останутся.

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

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

Заканчиваем с текстом и переходим к такому новому элементу — нажмите на кнопку «Добавить структуру». Этот элемент позволяет нам формировать сетку из элементов для их красивого расположения. Также присутствуют готовые примеры, где остаётся только заменить содержание по вкусу. А мы давайте выберем структуру, которая состоит из двух равных частей и перенесём её на наш шаблон.

Теперь наполним каждую из этих частей — сначала добавим картинку, которая будет олицетворять раздел (советую соблюдать логику картинка = содержание). Затем, с левой панели перетащим под картинку элемент «Текст» и распишем краткое содержание. И чтобы не заставлять пользователя совершать лишних движений, чтобы перейти к заинтересовавшему разделу, добавим под описанием элемент «Кнопка» и укажем ссылку для перехода. Первая ячейка готова, давайте сделаем и вторую.

Вот у нас заполнена первая двойная структура. Возможно, этот блок мы захотим использовать и в других письмах, поэтому давайте выделим всю структуру целиком (щёлкните в пустое пространство рядом с ней) — вокруг появится рамка, а внизу три кнопки-иконки. Средняя кнопка позволяет сохранить блок и затем использовать его вновь и вновь — впоследствии нужно нажать на кнопку «Добавить структуру» и выбрать вкладку «Сохранённые».

Есть там ещё одна замечательная кнопка — «Копировать блок». При нажатии создаётся копия и помещается под текущим блоком. Я скопирую этот блок и немного изменю его содержание — поменяю картинки, текст и ссылки на разделы.

Структуры в Конструкторе помогут добиться красивых результатов. Но кое-что не могут и они — нельзя вставить структуру в структуру. А ещё они не адаптивные, то есть блок из 4-х колонок не сложится в одну на экране мобильного, а просто смасштабируется до ширины экрана — помните об этой особенности.

И напоследок давайте поставим такой блок, как «Соц.сети» — сейчас без них никуда. Перетаскиваем на наш шаблон и сразу переключаем внимание на правую панель. Здесь количество особенных настроек чуть побогаче, чем у других элементов:

  • Способ отображения — он не размечен, но прямо напротив надписи Соц.сети на левой панели есть выпадающий список: Иконки (по умолчанию), Иконки и текст, Текст. Думаю, что в пояснении не нуждается.
  • Вид иконок и размер — стилистика иконок. Тут просто нужно попробовать всё и выбрать то, что нравится.
  • Расположение — находится под списком кнопок и настраивает вид отображения и расположения относительно друг друга.

Кнопки-ссылки добавляются через «Добавить кнопку», после чего в появившемся внизу новом блоке указывается нужная социальная сеть (выбор их обширный) и указывается нужная ссылка.

В итоге у нас получилось красивое письмо. За рамками мы оставили только 3 элемента:

  • Видео — в письмо можно добавить видео из YouTube. Оно не будет играть прямо в самом письме, а просто возьмёт картинку-обложку от видео, а при клике на него перейдёт по ссылке. В принципе, не очень отличается от добавления картинки и проставления ссылки, разве что не нужно выполнять дополнительных действий и загружать картинку самостоятельно — система всё сделает за Вас.
  • Разделитель — между блоками можно поставить разделитель, оформив его в виде сплошной или пунктирной линией, задав толщину и цвет. Элемент очень прост в настройке, но весьма эффективен в разделении контента на части.
  • Оплата — это элемент подойдёт для онлайн-магазинов и требует подключения к соответсвующим сервисам, что само по себе тема для не меньшей статьи, поэтому давайте оставим её за рамкой.

Первый шаблон письма мы сделали! Можем похвалить себя и угостить конфеткой — мы молодцы и проделали большую работу. Давайте его на всякий сохраним: наверху есть большая кнопка «Сохранить и продолжить», а справа у неё есть стрелочка вниз. Щёлкните на неё и выберите пункт «Сохранить как шаблон» и задайте ему название, например, «Приветствие».

В выпадающем меню Вы могли также заметить пункт «Отправить тестовое письмо» — при нажании он отправит на Ваш e-mail это письмо, чтобы посмотреть, как оно будет выглядеть в итоге. Очень полезно, поскольку иногда косяки по дизайну и недочеты можно увидеть только тогда, когда письмо уже приходит на почту. Для соревнований мы использовали тестовую рассылку среди Оргкомитета, чтобы каждый мог проверить и при необходимости внести дополнения

Наконец завершим начатое и запустим рассылку! Нажимаем «Сохранить и продолжить». Вероятно, здесь система может Вас тормознуть и потребовать необходимые данные (если Вы ещё не указывали) — введите их, иначе рассылка не запустится.

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

И вот мы на последнем экране. Остался последний шаг — мы ещё раз проверяем, кому отправляем письмо, устанавливаем время отправки и указываем, какую статистику по письмам собирать: советую выбрать пункты «Прочтение письма» и «Переход по ссылкам». Ещё можно прикрепить к письму файл — это полезно, когда, например, вместе с письмом Вы хотите отправить, например, брошюру или каталог/прайс-лист.

Всё настроили? Тогда отправляем письмо!

Рассылка готова! Мы молодцы — проделали колоссальную работу и теперь наши читатели получать наши красивые письма. Оговорюсь и повторюсь, что рассылка должна пройти модерацию, после чего письма начнут доставлятся по адресам.

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

Шаблоны для рассылок можно создавать не только во время их создания, но и заранее — для этого в главном меню перейдите в раздел «Шаблоны сообщений». Там же можно посмотреть и изменить ранее созданные шаблоны.

В главном меню ещё есть полезный раздел — «Отчёты». Там для каждой Вашей рассылки собраны различные полезные данные — кто конкретно открывал письмо, переходил ли по ссылке, с какого устройства он это делал и примерно откуда (из какой страны), а кто вообще не получил письма. В общем, со всех сторон полезный инструмент.

Создаём Авторассылки

Последний вопрос, который мы разберём в этом уроке, будет посвящён созданию Авторассылок — когда система самостоятельно отправляет письма по заранее приготовленным шаблонам и по определённой программе. Бесплатно нам доступно создать три вида автоматических рассылок:

  • Серия рассылок — цепочка писем, отправляемая адресату после определённого действия — подписки (добавлении) в базу данных;
  • Особая дата — отправка письма в определённый день. Идеально для праздничных рассылок, поздравлений с Днём рождений и других памятных дат;
  • Триггерное письмо — отправка после конкретного действия, например, перехода по ссылке.

Прямо во время написания этого урока на SendPulse появился новый инструмент — Менеджер событий или Automation360. Он доступен только на платном аккаунте, но зато открывает такие возможности для создания сложных систем со многими условиями, что пальчики оближешь. Инструмент, который действительно стоит своих денег. В бесплатном варианте он доступен в демо-режиме и рассматривать его мы не будем. Но на досуге попробуйте сами — он великолепен. Единственное, что хочу сказать, такую систему я видел в Digital Contact (Печкин-мейл) и вроде даже в бесплатном варианте — было это, правда, год назад, и сейчас могло всё поменяться (честно — не проверял).

Мы продолжим логику повествования и создадим цепочку писем — мы будем отправлять приветственное письмо каждому, кто подписался на рассылку. То самое, на котором мы тренировались создавать рассылку. Переходим в раздел «Авторассылки» и создаём первую авторассылку. Система предложит выбрать тип рассылки — «Последовательная серия» или  «Automation360» — выбираем первое. И теперь выберем «Серию рассылок» — с помощью такого типа будем знакомить нового подписчика с нашим проектом.

Выглядит всё очень просто. Сначала нужно дать название Авторассылке, указать, с какой адресной книгой работать и с какого адреса и от какого имени отправлять — знакомые уже нам поля. Давайте сразу заполним их.

Ещё нам доступны настройки времени и дней для отправки письма — это справедливо для тех писем, которые будут отправляться не сразу, а на следующий день после события.

Теперь добавим письмо в серию — блок с зелёным кругом с цифрой один. Для начала мы укажем, когда письмо будет отправлятся — сразу. Но можно установить и временной промежуток от часов до дней. Теперь заполним два обязательных поля — Название письма и шаблон. В нашем случае название будет типа «Добро пожаловать на Название_Проекта». А для выбора шаблона мы жмём на соответсвующую кнопку и выбираем нужный шаблон (он у нас пока один) из собственной коллекции, а можем позаимствовать и готовые.

У кнопки «Выбрать шаблон» есть ещё стрелочка вниз с выпадающем меню — если вдруг при создании рассылки Вы пришли к осознанию того, что нужных шаблонов у Вас нет, можно прямо отсюда запустить конструктор и создать новый шаблон.

У каждого письма может быть до 3 трёх дополнительных триггерных письма — если пользователь открыл письмо, перешёл по ссылке или же вообще не открывал его. Для этого нам нужно нажать на кнопку «Добавить триггеры» и появится новая панелька с настройкой. Кстати, рядом с этой кнопкой есть ещё одна, неприметная маленькая кнопочка — она позволяет прикреплять к письму файл.

По желанию можно добавить ещё одно письмо в цепочку с помощью кнопки «Новое уведомление».

После того, как рассылка будет готова, нажимаем кнопку «Сохранить и запустить» внизу экрана. После модерации она начнёт работать.

Подводим итог

Итак, мы сделали краткий обзор сервиса SendPulse и научились создавать формы и рассылки, работать с адресными книгами и создавать автоматические рассылки. Статья получилась достаточно объёмной, а мы рассмотретили едва ли половину возможностей. Есть ещё и А/Б тестирование, и отправка СМС-сообщений и push-уведомления для сайтов, отправка сообщений в Viber — возможностей у сервиса много и вместить в одну статью не получится. Да и овладеть всеми тонкостями сразу тоже.

Я надеюсь, что этот урок был полезен для Вас и теперь email-рассылки не вызовут никакого затруднения и вопросов — только решения. Буду благодарен Вам за комментарий и репост статьи в социальные сети.

«А что с подарками?» — спросите Вы. Тем, кто подпишется на мою рассылку, получат следующие подарки:

  • Вы будете получать письма по тематике email-маркетинга. Только проверенная информация и хороший контент. Обещаю — спамить письмами каждый день не буду 🙂 .
  • Первыми узнавать о новых статьях по данной теме.
  • Подарочный промокод на создание и ведение email-рассылок — все трудности, от создания дизайна писем до составления текстов и организации рассылок я готов взять на себя.

Нажимая кнопку «Подписаться» вы выражаете согласие на на обработку персональных данных в соответсвии с законом ФЗ-152 «О персональных данных» от 27.07.2006 и принимаете условия Пользовательского соглашения


Доброго Вам времени суток и до новой встречи на Веб-Островах!

Анатолий Куликов

Анатолий Куликов

Автор блога, дизайнер, веб-разработчик
Комментарии от HyperComments