Каждый блок письма в нашем онлайн-редакторе может быть сохранен для дальнейшего использования. Блоки бывают 4 типов:

  1. Базовые блоки — текст, картинка, меню, соц.сети, произвольный html, …;
  2. Контейнеры — область, куда можно помещать блоки, и они будут сгруппированы вместе. Обычно такая комбинация используется для создания «контентной единицы» (описание статьи блога, карточка товара, анонс мероприятия). Особенно удобно, когда надо сохранить представление одной секции и использовать потом. Плюс, возможность копирования и удаления области представляющей неделимую информацию тоже упрощается.
  3. Структуры — взаимное расположение контейнеров в письме. Например: две колонки.
  4. Полосы — с точки зрения html, это самая корневая область (за пределами тела письма), которая включает в себя структуры. Полосы позволяют установить фон за границами письма, по контенту, по границам объекта.


Что такое полосы?

Полосами называют внешние структуры письма, которые задают фон и стили за границами письма.

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

Также, после выделения полосы, Вам будут доступны функции управления цветом фона и контента в боковой панели настроек:


Структуры

Область расположенная внутри полосы, которая для лучшего восприятия выделена синим цветом:

Именно структуры помогают настроить представление контента в Вашем письме — цельное, несколько колонок, шахматный порядок и др.
Структуры добавляются посредством перетаскивания мышкой структур из секции «Структуры» на панели настроек в блок:

В итоге должна получиться следующая картина:

1 - сама структура, для которой доступны основные функции удаления, копирования и перемещения
2 - область редактирования дизайна структуры. Рассмотрим ее более подробно:

1 - в этой области можно добавить новые контейнеры в структуру с помощью плюсика или изменить границы контейнера с помощью мышки
2 - возможность удаления контейнера и настройки его ширины
3 - настройка отступа между контейнерами в структуре
4 - настройка цвета структуры
5 - добавление фонового изображения в структуру
6 -  настройка отступов
7 - скрытие структуры для мобильных устройств или пк
8 - подключение/отключение адаптивности структуры

Базовые блоки

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

Давайте рассмотрим поближе самые популярные блоки, которые представлены в панели редактора в одноименной секции:

Картинка - блок позволяет загрузить свою картинку. Основные настройки:

1 - замена ткущего изображения на новое
2 - открытие фоторедактора
3 - прямая ссылка на загруженное избражение
4 - эффект Rollover
5 - ссылка, на которую будет вести изображение по клику на него
6 - ALT-текст для тех почтовых клиентов, картинки в которых не отображаются
7 - выравнивание изображения
8 - настройка размера
9 - возможность растянуть изображение по ширине блока
10 - включение/отключение адаптивности изображения
11 - настройка отступов


Текст - изменяйте шрифт и стили Вашего текста на лету используя удобную панель форматирования:

Кнопка - используя наш редактор, Вы сможете легко создать кнопку, которая будет максимально соответствовать дизайну Вашего сайта: форма, цвет, размер, шрифты, отступы и другие инструменты в Вашем распоряжении:

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