Как добавить разделитель в письмо Unisender

Найдите элемент «Разделитель» на вкладке «Контент», поставьте горизонтальную линию между блоками письма и проверьте макет в предпросмотре перед отправкой.

Разделитель в письме Unisender ставят из вкладки «Контент» — «Элементы»: перетащите горизонтальную линию на рабочую область между двумя смысловыми частями письма, а потом проверьте результат в предпросмотре и тестовом письме (как добавить разделитель в письмо Unisender[1] описано в справке сервиса). Главная тонкость — куда именно падает элемент: редактор различает группу, блок и элемент, и от этого зависит, встанет ли линия ровно между частями письма или создаст новый блок.

Где живёт разделитель: структура редактора

Новый блочный редактор Unisender собирает письмо на трёх уровнях. Группа — верхний уровень, объединяющий несколько блоков. Блок — средний уровень, в него добавляют элементы. Элемент — наименьшая единица, которая отвечает за наполнение письма контентом; через неё добавляют кнопку, картинку, таймер, текст или иконки соцсетей [1].

Разделитель в этой иерархии — элемент. В списке доступных элементов его описание звучит коротко: горизонтальная линия, чтобы визуально разделить блоки письма. Всего в редакторе 13 элементов [1].

Почему это важно на практике. Элемент живёт внутри блока. Чтобы линия оказалась под текстом «Программа встречи», поместите её в конец этого блока; следующий блок «Контакты организатора» останется отдельно. Если перетащить разделитель мимо блока, редактор создаст новый блок и поместит элемент туда [1]. Отсюда два пути к одной цели: положить линию в конец верхнего блока или дать редактору создать отдельный блок между частями письма и сразу проверить, что он стоит в нужном месте.

Вставка разделителя между двумя блоками

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

  1. Откройте вкладку «Контент» — «Элементы». Это панель, из которой перетаскивают элементы в макет [1].
  2. Найдите в списке «Разделитель» — он описан как горизонтальная линия для визуального разделения блоков письма [1].
  3. Перетащите его на рабочую область. Элемент можно добавить сразу в нужный блок или в любое место на рабочей области [1].
  4. Если линия попала внутрь блока с текстом, а нужна на границе — зажмите иконку с точками и перетащите элемент в нужное место [1].
  5. Проверьте порядок: верхняя часть письма, линия, нижняя часть. Если редактор создал новый блок под элемент, этот блок остаётся частью макета; удалять его стоит только тогда, когда он появился случайно и в нём нет ничего, кроме линии, которую вы уже перенесли.

Панель настроек элемента открывается по значку карандаша. Там же лежат общие для всех элементов параметры: выравнивание, внутренний отступ, размер, фон, рамка, скругление, направление и видимость [1]. Какие именно поля относятся к разделителю, видно на панели в момент работы; не переносите настройки одного элемента на другой по аналогии.

Учебный пример: программа встречи и контакты организатора

Учебный пример

Возьмём письмо из двух частей. Входные данные целиком:

Место в макете Блок Элементы внутри
1
Блок А
«Заголовок»: Программа встречи; «Список OL»: три пункта
2
Блок Б
«Заголовок»: Контакты организатора; «Текст»: почта и телефон

Задача — поставить ровно один разделитель между блоком А и блоком Б.

Что делаем: открываем «Контент» — «Элементы», берём «Разделитель» и перетаскиваем его в область между блоком А и блоком Б. Редактор создаёт под элемент отдельный блок [1]. Проверяем порядок на рабочем поле.

Заполненный результат сверки:

Проверка Что видно Итог
Порядок частей
Программа встречи → линия → Контакты организатора
сохранён
Количество линий между частями
одна
совпадает
Лишний блок
появился один, в нём только разделитель
оставляем, он держит линию
Случайный пустой блок без элемента
не появился
удалять нечего
Предпросмотр
линия видна на границе частей
пройдено
Тестовое письмо
линия видна, порядок частей прежний
пройдено

Если линия оказалась выше текста программы или между его элементами, перенесите её иконкой с точками в конец блока А либо в отдельный блок между А и Б.

Перенос, клонирование и удаление разделителя

При наведении курсора на элемент на рабочей области появляются иконки операций [1].

  • Переместить. Зажмите иконку с точками и перетащите элемент в нужное место [1]. Этим возвращают линию на границу, если она уехала внутрь блока.
  • Клонировать. Нажмите иконку копии; дубль появится сразу под оригиналом [1]. Для двух частей письма клон не нужен: две линии на одной границе читаются как случайная двойная черта.
  • Удалить. Нажмите иконку корзины, чтобы убрать элемент из письма [1].

Если удалили лишнее, элемент восстанавливают кнопкой «Отменить» в правом углу редактора или сочетанием Ctrl/⌘ + Z [1]. В редакторе работают и другие горячие клавиши: Ctrl + Z отменяет действие, Ctrl + Shift + Z повторяет отменённое, Ctrl + S сохраняет письмо [2].

Ситуация из вопроса «что делать, если редактор создал новый блок»: это штатное поведение при добавлении элемента вне блока [1]. Удалять такой блок целиком стоит, когда он пустой после переноса линии. Блок с разделителем внутри — рабочая часть макета.

Проверка макета в предпросмотре и тестовой отправке

Справка предупреждает: скругление и процентные размеры по-разному отображаются в почтовых клиентах, поэтому перед отправкой письмо проверяют в предпросмотре и отправляют тестовое [1]. Приёмка по шагам:

  • На рабочем поле между двумя частями письма одна линия.
  • Порядок частей не изменился после вставки и после любых переносов.
  • Лишний пустой блок удалён, если он появился случайно и в нём нет элемента.
  • На последнем шаге создания рассылки нажмите превью письма или значок глаза. Проверьте, что линия видна на границе частей. Для проверки веб-версии нажмите три точки и выберите «Предпросмотр полной версии» [3].
  • В редакторе нажмите слева значок телефона и проверьте мобильную версию: линия видна между нужными частями, их порядок сохранён. Письма адаптируются автоматически; при необходимости выберите элемент и измените его параметры на панели редактирования [2].
  • На последнем шаге создания рассылки нажмите справа вверху «Отправить тестовое письмо» и отправьте его на свой email. Откройте письмо и проверьте, что линия на месте, порядок частей сохранён [3].

Тема и прехедер проверяются на втором шаге создания рассылки, получатели — на третьем, а тестовое письмо отправляют на последнем шаге [3]. Проверка линии в макете не заменяет проверку статистики доставки. Как устроена отправка без потерь и как читать статистику доставки, разобрано в материалах о рассылке с нейросетью и о доставке писем.

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

Источники

  1. Как работать с элементами в новом блочном редакторе от Unisenderwww.unisender.com
  2. Как создать письмо с нуля в новом конструкторе от Unisenderwww.unisender.com
  3. Как создать и отправить рассылку в новом редакторе Unisednerwww.unisender.com

Валерий Курземнек

Автор метода «Машиночитаемый маркетинг»

Что ещё почитать