Сервис Mailigen прошел проверку в Роскомнадзоре и полностью соответствует требованиям 152-ФЗ «О персональных данных»

Блочный редактор шаблонов: Блоки и рамки (Видео)

Обновлено: 03.03.2017 12:20 UTC

 

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

Рамки

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

Обратите внимание: для более сложного дизайна можно встраивать рамки в другие рамки. Например, в рамку с двумя колонками можно встроить в одну из колонок рамку с тремя колонками.

Встраивание рамок

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

При перетаскивании, место, куда будет помещена рамка, отмечено цветной линией. Цвет линии подскажет, куда вы встраиваете рамку: голубой цвет — рамка будет встроена в другую рамку, черный цвет — рамка будет самостоятельным блоком.

Настройки рамки

Для настройки рамки нужно навести курсор на рамку или блок внутри рамки. Меню настроек рамки появится справа от шаблона на сером фоне.

  • Цвет фона — задает цвет фона для рамки.
  • Изображение — применить картинку как фон для рамки.
  • Повторение изображения — повторяет изображение, чтобы заполнить весь фон (по горизонтали, по вертикали, оба, не повторять).
  • Размещение изображения — настраивает выравнивание изображения.
  • Обводка — стороны рамки, у которых будет обводка (каждую сторону можно настраивать отдельно).
  • Толщина обводки — измеряется в пикселях.
  • Стиль обводки
  • Цвет обводки
  • Закругление углов обводки
  • Внутренний отступ (сторона) — сторона, от которой будет отступ (каждую сторону можно настраивать отдельно).
  • Внутренний отступ (размер) — измеряется в пикселях.
  • Внешний отступ (сторона) — сторона, от которой будет внешний отступ (каждую сторону можно настраивать отдельно).
  • Внешний отступ (размер) — измеряется в пикселях.
  • Вертикальное выравнивание
  • Спрятать в мобильной версии
  • Не разделять колонки в мобильной версии

Блоки

Блоки отвечают за содержание письма. Доступно 10 различных типов блоков:

  • Заголовок
  • Текст
  • Изображения
  • Шеринг в социальных сетях
  • Группы в социальных сетях
  • Кнопка
  • Разделитель
  • Видео
  • RSS-контент
  • Динамический контент

Для добавления блока в рамку достаточно просто перетащить нужный блок с панели инструментов.

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

  • Редактирование — позволяет отредактировать содержимое блока.
  • Настройки — позволяет настроить блок.
  • Копирование — позволяет скопировать данный блок.
  • Удаление — позволяет удалить блок и все содержимое.
  • Перемещение — позволяет переместить блок со всем содержимым.

Встраивание блоков

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

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

Настройки блока

В настройках блока доступны следующие опции:

  • Цвет фона — задает цвет фона для блока.
  • Изображение — применить картинку как фон для блока.
  • Повторение изображения — повторяет изображение, чтобы заполнить весь фон (по горизонтали, по вертикали, оба, не повторять).
  • Размещение изображения — настраивает выравнивание изображения.
  • Обводка — стороны рамки, у которых будет обводка (каждую сторону можно настраивать отдельно).
  • Толщина обводки — измеряется в пикселях.
  • Стиль обводки
  • Цвет обводки
  • Закругление углов обводки
  • Просмотр HTML кода — позволяет отредактировать HTML код блока.
  • Внутренний отступ (сторона) — сторона, от которой будет отступ (каждую сторону можно настраивать отдельно).
  • Внутренний отступ (размер) — измеряется в пикселях.
  • Внешний отступ (сторона) — сторона, от которой будет внешний отступ (каждую сторону можно настраивать отдельно).
  • Внешний отступ (размер) — измеряется в пикселях.
  • Вертикальное выравнивание
  • Спрятать в мобильной версии

Если работа идет с блоком картинки, то будет доступна строчка с настройками картинки:

  • Источник картинки — позволяет изменить адрес, откуда будет загружаться картинка.
  • Альтернативный текст — текст вместо картинки при невозможности отображения картинки.
  • Ссылка — адрес, куда будут переходить те, кто кликнет на картинку.
  • Ширина — ширина картинки. Измеряется в пикселях.
  • Выравнивание — выравнивание картинки.
  • Обводка — опции для отображения обводки у картинки (каждую сторону можно настраивать отдельно).

Блок заголовка

Этот блок позволяет поместить заголовок в шаблон письма.

Блок текста

Этот блок используется для всего остального текста.

Блок изображения

Блок для добавления картинок в шаблон письма.

Блок для шеринга в социальных сетях

Блок для размещения кнопок «поделиться в социальной сети».

Блок профилей социальных сетей

Блок для размещения кнопок «вступить в группу в социальной сети».

Блок видео

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

Обратите внимание: Поддерживаются только ссылки на YouTube и Vimeo.

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

Блок RSS контента

Блок позволяет разместить RSS поток в письме.

Блок динамического контента

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


Эта статья помогла Вам?
Что мы можем сделать для улучшения данной статьи?