Урок №3. Как создать рассылку в блочном редакторе

Вы создадите рассылку за 3 простых шага:

  1. Параметры рассылки
  2. Дизайн и наполнение
  3. Отправка

 

Шаг 1. Параметры рассылки

1.1. Способы создания email-рассылки

Есть два способа создания рассылки:

  1. В колонке слева выбираем «Создать рассылку»  «Email»;
  2. Через меню «Рассылки»  «Создать рассылку»  «Email».

how to create

1.2. Раздел «Параметры рассылки»

Заполняем обязательные пункты:

  • email-адрес  с него отправляется рассылка;
  • от кого  подпись отправителя рассылки;
  • тема письма;
  • список, на который мы будем отправлять рассылку.

Нажимаем кнопку «Продолжить».

how to create

 

Шаг 2. Дизайн и наполнение

2.1. Раздел «Дизайн и содержимое»

В разделе выбираем способ создания рассылки. Для примера выберем «Блочный редактор».

how to create

2.2. Шаблон письма

В блочном редакторе представлено 2 вида шаблона:

  • Заполненный;
  • Пустой.

how to create

2.3. Структура шаблона

Заполним письмо контейнерами и блоками:

  • Добавляем блоки текста, картинок, кнопок и т.д;
  • Добавляем контейнеры, если нужно вставить блоки в 2, 3 или 4 колонки. 

Блоки

  1. Текстовый блок;
  2. Изображение;
  3. Видео;
  4. Кнопка;
  5. Оплата через Yandex;
  6. Кнопки социальных сетей;
  7. Кнопки «Поделиться»;
  8. HTML.

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

2.3.1. Текстовый блок

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

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

how to create

2.3.2. Изображение

Чтобы добавить изображение:

  • Нажимаем 2 раза на блок,
  • В файловом менеджере выбираем картинку;
  • Добавляем изображение в блок.

how to create

Для редактирования изображения нажимаем на шестеренку (настройки). В настройка есть 2 вкладки:

  • Стиль. Настраиваем стиль изображения.
  • Параметры. Добавляем ссылку на изображение со своего сайта, пишем alt-текст картинки на случай, если в почтовике она не отобразится. И добавляем ссылку, по которой человек перейдет с картинки.

how to create

2.3.3. Видео

Чтобы добавить видео: 

  1. Нажимаем на шестеренку (настройки);
  2. Выбираем вкладку парамметры;
  3. Добавляем ссылку и alt-текст.

how to create

2.3.4. Кнопка

Редактируем кнопку:

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

how to create

2.3.5 Оплата через Яндекс

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

Подробнее Как настроить Яндекс.Касса

how to create

2.3.6. Кнопки социальных сетей 

Кнопки «Поделиться» и «Следовать».

  • Блок «Поделиться» позволяет пошарить определенную ссылку в вашем письме. Например, поделиться веб-версией письма. Галочками выбираем соцсети, в которых мы разрешаем делиться ссылкой.

how to create

  • Блок «Следовать» позволяет размещать ссылки на свои социальные сети. Здесь вы добавляете или удаляете ссылки на социальные сети и меняете значки.

how to create

2.3.7. HTML

Чтобы добавить html-код в письмо: 

  1. Нажимаем на карандаш (редактировать);
  2. Выбираем «Исходник»;
  3. Добавляем код.

how to create

how to create

2.4. Стили

Стили облегчают вам жизнь.

Например, вы создали письмо со ссылками на 6 товаров (2 ряда по 3 товара). У каждого товара есть картинка, текст и кнопка. Если вы решили поменять цвет кнопок или текста, то не нужно это делать 6 раз. Достаточно поменять стиль этого текста или кнопок – все блоки в этом стиле поменяются вместе с ним.

2.4.1. Стиль письма

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

how to create

 

Шаг 3. Отправка

Когда шаблон готов, нажимаем «Сохранить» и «Продолжить».

Обратите внимание, что максимальный размер письма - 8 мб.

how to create

Письмо готово. Нажимаем «Отправить/Запланировать». 

Как настроить автоматическое письмо