Основные возможности конструктора

Конструктор позволяет создавать красивые письма без знаний верстки.

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

 

Посмотрите видео о том, как создать письмо в конструкторе UniSender.

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

Как войти в конструктор писем с главной страницы кабинета

Еще один способ зайти в конструктор — выбрать «Создать рассылку»  — «Email».

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

 

Не обязательно создавать письмо с нуля. Можно выбрать и отредактировать готовый шаблон. Для этого на странице создания письма кликните на вкладку «Шаблоны». Здесь вы найдете макеты писем, заточенные под разные сферы бизнеса и инфоповоды. Выбирайте любой с пометкой BLOCK.

Примеры шаблонов для блочного редактора.

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

Создаем структуру письма (вкладка «Строки»)

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

Основа блочного редактора - строки.

 

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

Как посмотреть структуру в конструкторе.

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

Как удалять, сохранять, перемещать и копировать строки.

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

Как настроить адаптацию письма под мобильные.

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

Как адаптировать письмо для мобильных устройств

Также в свойствах строки можно изменить ее фон, добавить границы и отступы, скрыть строку на мобильных или декстопах. Больше о доступных настройках строки читайте в статье «Как собрать макет письма в конструкторе».

Наполняем контентом (вкладка «Содержимое»)

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

Доступные блоки в блочном конструкторе.

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

Как добавить блоки в строку.

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

Удаление и копирование блока.

Если вы хотите переместить блок с контентом, просто перетащите его на новое место. При перетаскивании контент перемещается вместе с блоком.

Перемещение блока с контентом.

 

Конструктор автоматически сохраняет макет раз в 5 минут. Если хотите отменить последнее действие, нажмите на стрелку «Назад» под иконкой чата. Чтобы увидеть историю изменений в текущем сеансе, нажмите на значок таймера.

Как отменить действие и просмотреть историю изменений.

Созданную строку с контентом внутри можно сохранить в раздел «Сохраненные строки» и затем добавлять в другие письма.

Как сохранить разделы письма для следующих рассылок

 Где найти сохраненные строки в редакторе.

Строку с контентом можно сохранить в любой из этих разделов, кроме «Предустановленных» и «Незаполненных»

Настраиваем внешний вид (вкладка «Настройки»)

Установить фон, шрифт или цвет ссылок для всего письма, можно на вкладке «Настройки». Рассмотрим более подробно, как можно изменить внешний вид письма с их помощью.

Настройки письма в констуркторе

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

Как изменить ширину письма

Выравнивание контента. При помощи этой функции все тело письма можно сместить влево или оставить в центре.

Как выровнять содержимое письма

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

Как изменить цвет фона письма

Цвет фона области содержимого. Аналогично цвету фона устанавливается для всего письма, но при установке другого цвета содержимого в свойствах строки, последний будет приоритетнее.

Как изменить цвет фона области содержимого письма

Фоновая картинка. Если передвинуть переключатель, вы сможете выбрать фоновую картинку для всего письма. Для этого нажмите «Изменить картинку» и загрузите нужное изображение.

Как выбрать фоновую картинку

Ниже можно выбрать способ выравнивания:

  • Вписать в фон. Картинка масштабируется по размеру фона письма. Подходит для изображений большого размера.
  • Повторять. Фон письма будет замощен выбранным изображением, как плиткой. Подходит для разного рода фонов.
  • Центр. Изображение будет выравнено по центру.

Как выбрать фоновую картинку

Шрифт задается для всего письма. В настройках конкретного блока его можно изменить на другой, например, если нужно выделить какой-то текст.

Как изменить шрифт в письме

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

Как изменить цвет ссылок в письме

Дополнительные свойства. Заголовок (можно не заполнять). Теперь к вашему письму можно добавить мета-тег Title (Заголовок). Это важный элемент оптимизированной SEO-страницы, так как он влияет на ее ранжирование в поисковых системах. Если ваше письмо можно открыть в веб-версии, то этот текст будет указан в качестве заголовка страницы браузера, в которой открыто письмо. 

Как добавить тег Заголовок

Заголовок страницы с письмом, который мы указали в настройках

Проверяем письмо и отправляем тест

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

Предпросмотр письма на разных экранах.

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

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

 

Как создать письмо в новом конструкторе UniSender

Полезные ссылки:

Правила оформления рассылок для отправки через Unisender
Как настроить шрифты и цвета шаблона
Как собрать макет
Как отредактировать текст
Как вставить картинку
Как вставить кнопку
Как вставить соцсети
Как вставить видео
Как вставить GIF
Как сделать прехедер
Как посмотреть письмо перед отправкой
Как адаптировать письмо под мобильные устройства

Вы нашли ответ?

2
4