Как добавить таблицу в письмо?

Пользовательские данные

Email

Омниканальность

Автоматизация

Отслеживание событий и поведения

Добавление таблицы в письмо

Если у вас возникла необходимость добавить таблицу в письмо, вы можете сделать это не выходя из редактора. Рассмотрим два варианта создания таблиц в сообщении.

Создание таблицы с помощью структуры

Перейдите в раздел “Структуры” вкладки “Контент” и перетащите в письмо вариант с нужным количеством контейнеров. Их число должно соответствовать числу колонок в таблице.

Выбор структуры для таблицы

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

Настройки контейнеров в структуре

Задайте для отступов значение 0, если хотите, чтобы ваша таблица имела классический вид:

Классический вид таблицы

и увеличьте, если хотите сделать ее более оригинальной:

Таблица с отступами между ячейками

Сделайте контейнеры текстовыми блоками, выбрав соответствующий тип контента.

Контейнер с текстом

Настройки внешнего вида контейнера устанавливаются в меню слева. Чтобы выделить границы ячеек, используйте пункт меню “Обводка”:

Настройки обводки для контейнера

Также здесь можно задать параметры для всего блока:

  • цвет текста и фона;

  • выравнивание текста;

  • межстрочный интервал;

  • отступы.

Меню настроек для контейнера

Чтобы изменить внешний вид отдельной части текста в блоке, используйте верхнюю панель редактирования параметров текста:

Панель редактирования шрифта

После того, как вы настроите внешний вид первой структуры, вы можете добавить еще одну строку с такими же параметрами. Для этого выберите кнопку “Дублировать” в появляющемся меню справа.

Кнопка Дублировать

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

Настройка отступов для структуры

Ваша таблица готова к заполнению. Осталось настроить ее отображение на мобильных устройствах. Для этого в меню настроек слева выключите ползунок “Адаптивная структура”. Синхронно с ним отключится опция “Отступ между контейнерами на мобильных устройствах”.

Пункт меню Адаптивная структура

Во вкладке “Оформление” перейдите в раздел “Адаптивность” и задайте размер шрифта для мобильной версии письма. Наиболее часто для удобства чтения в десктопной версии используют кегль 14px, а в мобильной - 16px. В нашем случае для мобильной версии установлен размер текста в 14 пикселей - он и хорошо читаем, и сохраняет корректное отображение ячеек.
Настройки адаптивности

Чтобы оценить внешний вид таблицы в двух версиях, воспользуйтесь кнопкой предпросмотра:

Кнопка предпросмотра

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

Предпросмотр десктопной и мобильной версии

Вставка таблицы в блок “Текст”

Выберите блок “Текст” в соответствующем разделе вкладки “Контент” и перетяните его в письмо.

Блок Текст

Нажмите на кнопку с троеточием на панели инструментов в правом верхнем углу и выберите пункт “Таблица”.
Пункт меню для создания таблицы

В появившемся окошке задайте основные параметры таблицы:

Настройка свойств таблицы

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

Готовая к заполнению таблица

Важно!

Для созданной таким образом таблицы размер шрифта одинаков в десктопной и мобильной версии и не зависит от настроек во вкладке “Адаптивность”.

Отображение таблицы в десктопной и мобильной версии письма

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

Остались вопросы?
Специалисты обязательно ответят и помогут решить вашу проблему!
Обратный звонок
Оставьте заявку – и наш специалист свяжется с вами в рабочее время.
Отправить заявку
Консультация в чате
Готовы к вашим вопросам!
Написать в чат
Электронная почта
Напишите в службу поддержки eSputnik.
Отправить email