Как закрасить фон поля в конструкторе
  • 06 Mar 2023
  • 1 минута
  • Темная тема
    Светлая тема
  • формат pdf

Как закрасить фон поля в конструкторе

  • Темная тема
    Светлая тема
  • формат pdf

Article Summary

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

Сделать это в конструкторе несложно:

  1. Проверяем, что шаблон сверстан отдельными блоками, а не «простыней»
  2. Выделяем нужную строку (или колонку, если в строке их несколько)
  3. Заходим в «Строки» («rows») в правом меню
  4. Выбираем цвет с помощью опции «Цвет фона контента»

Пошагово

Для удобства выбираем опцию «Структура видна» в верхней части экрана:

75011569929da501bf8835ad04b291b0joxiscreenshot1536161308637.png

Теперь рассылка размечена пунктирными линиями по содержимому. Предположим, мы хотим изменить цвет фона внутри блока с иконками соцсетей:

75012228ba4616815ff157e8b9f873b8joxiscreenshot1536161430341.png

1. Проверяем, что нужный блок — отдельная строка или колонка

Если рамка содержимого совпадает с нужным нам блоком (как на скриншоте), переходим к следующему шагу. Если в рамке что-то еще, кроме блока — разбиваем на отдельные по инструкции

2.Выделяем нужную строку (или колонку)

75014630feef9a020206f57a8983dec5joxiscreenshot15361620607561.png

3.Заходим в «rows» в правом меню

При выборе строки правое меню автоматически переходит в нужный раздел и открывает «Свойства строки». Нам нужна вторая строка меню: Цвет фона контента

750167027db40f26b480cc45f2d240731536162754221.jpg

4. Выбираем цвет

Вписав после решетки нужный код цвета:

750181818cc68655cbff70b7b36359701536163134959.jpg

Или с помощью палитры (щелчком по квадрату в рамке):

750174200c6347cf4c776e00f6589b8djoxiscreenshot1536162929562.png

Изменения сразу отобразятся:

75018425badd3e42fa20668b4a18df8bjoxiscreenshot1536163263894.png

Ограничения

Цветной фон можно сделать либо для строки, либо для колонки. Задать заливку для отдельного элемента в ячейке нельзя:

Снимок экрана 2023-03-06 в 11.01.22.png

Как сделать HTML-письмо для рассылки без верстальщика: бесплатные инструменты для маркетолога