Email-маркетологи часто используют таблицы при подготовке рассылки с коммерческим предложением, а также чтобы добавить в письмо информацию об остатках товаров на складе или изменении цен.
Чтобы быстро и просто создать таблицу в конструкторе Unisender, используйте готовый блок HTML/Tables.
Как создать новую таблицу
Чтобы добавить таблицу в конструкторе, перетащите в тело письма блок HTML/Tables.
Затем нажмите на «Configure HTML», чтобы перейти в режим редактирования.
Для создания новой таблицы нажмите на кнопку «Таблица» в меню сверху.
В открывшемся окне с настройками укажите:
- нужное количество строк и колонок;
- выравнивание (по центру, по левому или правому краю);
- ширину и высоту таблицы (указывать рекомендуем в процентах или в пикселях; например, высота 100% означает, что таблица будет занимать 100% от высоты блока, высота 50% — что таблица будет занимать половину блока / рабочей области).
Когда вы нажмете на кнопку «ОК», на экране появится таблица с нужными размерами. Заполните таблицу и нажмите «Сохранить», чтобы добавить ее в письмо.
Рекомендуем проверять корректность отображения таблиц в письме с помощью функции предпросмотра (кнопка «Действия» в левом верхнем углу экрана), так как в конструкторе макет может выглядеть по-другому.
Пример письма с таблицей, созданной в конструкторе, в режиме предпросмотра
Как отредактировать таблицу
Чтобы отредактировать готовую таблицу, нажмите на блок с таблицей в письме и слева в настройках блока выберите «Configure HTML».
Затем нажмите правой кнопкой мыши на таблицу и выберите «Свойства таблицы».
Возможности редактирования:
- Строки и Колонки — недоступны для редактирования в созданной таблице, можно указать только для новой.
- Заголовки (в данный момент опция недоступна).
- Размер границ — толщина внешних границ таблицы в пикселях.
- Выравнивание — по центру, по левому или правому краю.
- Ширина и Высота таблицы — указывать рекомендуем в процентах или в пикселях.
- Внешний отступ ячеек — отступ между границей таблицы и границей ячейки, в пикселях.
- Внутренний отступ ячеек — отступ между границей ячейки и содержимым ячейки (текстом), в пикселях.
- Заголовок — заголовок, который отображается сразу над таблицей. Вместо него рекомендуем добавлять заголовок через блок «Заголовок в конструкторе»;
- Итоги (в данный момент опция недоступна).
Чтобы отредактировать колонку или строку (например, изменить ее цвет), выделите все ячейки в строке/колонке, нажмите правой кнопкой мыши на выделенную часть таблицы и выберите «Ячейка» — «Свойства ячейки».
Возможности редактирования выделенных ячеек:
- Ширина и Высота ячеек — можно указывать в пикселях или процентах.
- Перенос по словам — настройка переноса слов.
- Горизонтальное выравнивание — выравнивание по центру, по левому или правому краю.
- Вертикальное выравнивание — по верху, посередине, по низу или по базовой линии.
- Тип ячейки — заголовок (содержимое выделяется жирным текстом, выравнивается по центру) или данные.
- Цвет фона и Цвет границ — указывается в формате Hex (например, #fabcd1) или RGB (например, rgb(10,25,90)).
Чтобы удалить таблицу, нажмите на таблицу правой кнопкой мыши и выберите «Удалить таблицу».
Как добавить в письмо готовую таблицу
Скопируйте нужную таблицу из файла или из Google Таблиц.
Перетащите блок HTML/Tables в письмо и нажмите «Configure HTML».
Не создавая новой таблицы, вставьте скопированные данные в поле.
Чтобы добавить таблицу в письмо этим способом, используйте браузер Google Chrome. В других браузерах указанный способ может не сработать или таблица может добавиться как картинка без возможности редактирования.