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

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

В конструкторе Unisender с помощью готового блока «HTML/TABLES» вы можете:

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

Чтобы добавить таблицу, выберите на вкладке «Содержимое» блок «HTML/TABLES» и перетащите его на рабочую область.

Как добавить блок «HTML/TABLES» в письмо.

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

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

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

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

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

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

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

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

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

 

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

Как посмотреть письмо перед отправкой

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

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

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

Чтобы добавить готовую таблицу в письмо, перетащите блок «HTML/TABLES» на рабочую область конструктора.

 

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

Как добавить блок «HTML/TABLES» в письмо.

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

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

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

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

Вставьте скопированные данные в соответсвующее поле c помощью клавиш Ctrl + V.

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

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

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

Кнопка «Configure HTML» на вкладке «Свойства блока».

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

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

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

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

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

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

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

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

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

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

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

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

Полезные ссылки

Основные возможности конструктора
Как собрать макет с помощью строк
Как сохранить элементы письма для следующих рассылок
Как адаптировать письмо под мобильные устройства
Как посмотреть письмо перед отправкой
Как отправить тестовое письмо

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

6
4