Добавить таблицу в письмо

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

Чтобы быстро и просто создать таблицу в конструкторе Unisender, используйте готовый блок HTML/Tables.

Выберите блок HTML/Tables.

Как создать новую таблицу

Чтобы добавить таблицу в конструкторе, перетащите в тело письма блок HTML/Tables.

Перетащите блок HTML/Tables в тело письма

Затем нажмите на «Configure HTML», чтобы перейти в режим редактирования.

Нажмите в блоке HTML/Tables на «Configure HTML»

Для создания новой таблицы нажмите на кнопку «Таблица» в меню сверху.

Нажмите на кнопку «Таблица».

В открывшемся окне с настройками укажите:

  • нужное количество строк и колонок;
  • выравнивание (по центру, по левому или правому краю);
  • ширину и высоту таблицы (указывать рекомендуем в процентах или в пикселях; например, высота 100% означает, что таблица будет занимать 100% от высоты блока, высота 50% — что таблица будет занимать половину блока / рабочей области).

Укажите параметры новой таблицы.

Когда вы нажмете на кнопку «ОК», на экране появится таблица с нужными размерами. Заполните таблицу и нажмите «Сохранить», чтобы добавить ее в письмо.

Пример созданной таблицы

 

Рекомендуем проверять корректность отображения таблиц в письме с помощью функции предпросмотра (кнопка «Действия» в левом верхнем углу экрана), так как в конструкторе макет может выглядеть по-другому.

Пример письма с таблицей, созданной в конструкторе, в режиме предпросмотра

Пример письма с таблицей, созданной в конструкторе, в режиме предпросмотра

Как отредактировать таблицу

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

Нажмите «Configure HTML».

Затем нажмите правой кнопкой мыши на таблицу и выберите «Свойства таблицы».

Выберите «Свойства таблицы».

Возможности редактирования:

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

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

Чтобы отредактировать колонку или строку (например, изменить ее цвет), выделите все ячейки в строке/колонке, нажмите правой кнопкой мыши на выделенную часть таблицы и выберите «Ячейка» — «Свойства ячейки».

Выберите «Свойства ячейки».

Возможности редактирования выделенных ячеек:

  • Ширина и Высота ячеек — можно указывать в пикселях или процентах.
  • Перенос по словам — настройка переноса слов.
  • Горизонтальное выравнивание — выравнивание по центру, по левому или правому краю.
  • Вертикальное выравнивание — по верху, посередине, по низу или по базовой линии.
  • Тип ячейки — заголовок (содержимое выделяется жирным текстом, выравнивается по центру) или данные.
  • Цвет фона и Цвет границ — указывается в формате Hex (например, #fabcd1) или RGB (например, rgb(10,25,90)).

Настройте выделенные ячейки.

Чтобы удалить таблицу, нажмите на таблицу правой кнопкой мыши и выберите «Удалить таблицу».

Выберите «Удалить таблицу»

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

Скопируйте нужную таблицу из файла или из Google Таблиц.

Скопируйте таблицу из файла

Перетащите блок HTML/Tables в письмо и нажмите «Configure HTML».

Нажмите в блоке HTML/Tables на «Configure HTML»

Не создавая новой таблицы, вставьте скопированные данные в поле.

Вставьте скопированные данные в поле блока.

 

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

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

4
1

Мерч для влюбленных
в интернет-маркетинг

UniShop — магазин одежды, аксессуаров и инфопродуктов бренда Unisender.

Мы создаём продукты для влюблённых в email и маркетинг, а также для тех, кто только открывает для себя этот мир.

Подробнее
Unisender