Создаем и отправляем email-рассылку в eSputnik

В этой статье поговорим об одном из самых важных этапов работы с сервисом — к непосредственному созданию и отправке email-рассылки. 

С недавних пор eSputnik использует новый редактор писем — Stripo.email. Его же можно использовать для создания писем и без eSputnik — для подготовки рассылок через другие сервисы. Потыкать интерфейс можно даже без регистрации.

Шаг первый — выбор шаблона

Заходим в раздел Сообщения — Сообщения. Во вкладке Email нажимаем на кнопку «Создать email».

Нажимаем Создать email

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

Адаптивные шаблоны еСпутник

Выбираем один из вариантов. Например, eCommerce письмо. После вы попадете в новый блочный drag-and-drop редактор.

Редактор писем Стрипо

Шаг второй — название и тема нового сообщения

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

Создание дополнительной темы письма в еСпутник

Шаг третий — подготовка контента письма в адаптивном редакторе

Обратите внимание еще на несколько инструментов в верхней центральной панели. С их помощью вы сможете предварительно просмотреть письмо, протестировать его, открыть html-редактор, отменить последнее действие или открыть настройки.

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

Тело письма состоит из двух сущностей — структур и блоков разного уровня. Нажимая на кнопку «редактор HTML» вы можете посмотреть или отредактировать код того блока, который в данным момент выделен. Если не выделен ни один блок, вам откроется код всего письма. Использовать Редактор кода не обязательно, но он доступен при необходимости.

Шаг четвертый — редактирование шаблона, добавление новых структур и блоков

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

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

Выбор блоков в еСпутнике

У каждого большого и маленького блока есть набор инструментов, скрытый за тремя точками. При наведению на них мышью можно выбрать одно из действий:
Удалить блок
Скопировать блок
Переместить блок (чтобы сделать это, наведите на значок со стрелками, и, удерживая его левой кнопкой мыши, переместите блок в любую область письма)
Сохранить в Библиотеку блоков

Набор инструментов для блоков еСпутник

При сохранении в Библиотеку блок появится в панели слева. Оттуда вы сможете извлекать его и использовать, например, в других письмах.

Левая панели в редакторе email Stripo

На панели слева, кроме Библиотеки, также есть вкладки Структуры и Блоки.

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

Перетащите структуру из трех блоков

Теперь открываем вкладку Блоки. Здесь есть семь доступных форматов:
Текст
Картинка
Кнопка
Разделитель
Видео
Соц.сети
HTML

Добавим в нашу структуру три разных варианта — картинку, текст и кнопку.

Добавим в письмо картику, текст и кнопку

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

Изменить кнопку в редакторе Стрипо

Текстовые блоки можно редактировать в самом теле письма. Здесь появится специальная панель для форматирования текста.

Форматирование текста в еСпутник

С помощью инструментов для редактирования шаблона письма в eSputnik вы сможете привести его к абсолютно любому виду, совершенно не касаясь html-кода.

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

Проверить код

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

Добавление изображений и адаптивность в еСпутник

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

Выбираем нужные группы из списка групп (или отдельные контакты).

Выбираем нужные группы для отправки

Нажимаем «Перейти к рассылке». Двигаемся в конец страницы. Здесь можно выбрать — отправить рассылку немедленно или запланировать ее на определенное время и дату.

Отправить рассылку немедленно или запланировать ее на время

Собственно, на этом все. Переходим к пушам и СМС.

Все инструкции по еСпутник

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

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

Дополните выражение: