Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages

Собрать макет с помощью строк

Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages

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

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

Формируем структуру шаблона .

Формируем структуру шаблона

Теперь наполним структуру контентом. Для этого переключитесь на блок «Содержимое» и перетащите необходимые элементы (текст, картинки, видео, иконки, стикеры, кнопки и т.д.) в нужные колонки строки.

Наполняем макет контентом

Наполняем макет контентом

Чтобы перейти к редактированию строки, кликните на область слева или справа от колонок. После этого слева откроется панель редактирования.

количество колонок.

Количество колонок в строке может быть от 1 до 6 .

Чтобы добавить колонку в строку, на панели  настроек  кликните на «Добавить новую», а чтобы удалить лишнюю, нажмите на «Удалить».

добавляем колонку.

Высота строки будет меняться по мере наполнения колонок контентом. Ширина колонки регулируется вручную.

настройка ширины колонок.

Настраиваем ширину колонок

Также контент в колонках можно перемещать из одной колонки в другую с помощью перетаскивания.

перемещение контента в колонках.

Перемещаем контент в колонках

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

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

выбираем цвет фона колонок.

Выбор цвета для заливки фона колонок

Используя отступы, можно более точно выровнять элементы в колонке.

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

настраиваем границы колонок.

Настройка границы колонок

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

 

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

Как сделать письмо в новом конструкторе UniSender (видео)
Как сохранять элементы письма и использовать их в следующих рассылках
Как адаптировать письмо под мобильные устройства

Оцените, на сколько вам показалась полезной статья «Собрать макет с помощью строк»
(0)

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

0
0