Як додати таблицю до листа?

Дані користувача

Email

Омніканальність

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

Додавання таблиці до листа

Якщо у вас виникла потреба додати до листа таблицю, ви можете це зробити, не виходячи з редактора. Розглянемо два варіанти створення таблиць у повідомленні.

Створення таблиці за допомогою структури

Перейдіть до розділу "Структури" вкладки "Контент" і перетягніть у лист варіант із потрібною кількістю контейнерів. Їх кількість має відповідати кількості колонок у таблиці.

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

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

Налаштування контейнерів у структурі

Встановіть для відступів значення 0, якщо бажаєте, щоб ваша таблиця мала класичний вигляд:

Класичний вигляд таблиці

і збільшіть, якщо хочете зробити її більш оригінальною:

Таблиця з відступами між клітинками

Зробіть контейнери текстовими блоками, вибравши відповідний тип контенту.

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

Налаштування зовнішнього вигляду контейнера встановлюються в меню ліворуч. Щоб виділити межі клітинок, використовуйте пункт меню "Обведення":

Налаштування обведення для контейнера

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

  • колір тексту й фону;
  • вирівнювання тексту;
  • міжрядковий інтервал;
  • відступи.

Меню налаштувань для контейнера

Щоб змінити зовнішній вигляд окремої частини тексту в блоці, використовуйте верхню панель редагування параметрів тексту:

Панель редагування шрифту

Після налаштувань зовнішнього вигляду першої структури ви можете додати ще один рядок з аналогічними параметрами. Для цього виберіть кнопку "Дублювати" в меню, що з'явиться праворуч.

Дублювання структури

За потреби змініть відступи для структур: встановіть значення 0 для верхнього і нижнього відступів, щоб прибрати зайву відстань між рядками:

Налаштування відступів для структури

Ваша таблиця готова до заповнення. Залишилося налаштувати її відображення на мобільних пристроях. Для цього в меню налаштувань ліворуч вимкніть повзунок "Адаптивна структура". Синхронно з цим деактивується опція "Відступ між контейнерами на мобільних пристроях".

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

У вкладці "Оформлення" перейдіть до розділу "Адаптивність" і встановіть розмір шрифту для мобільної версії листа. Найчастіше заради зручності читання в десктопній версії використовують кегль 14px, а в мобільній — 16px. У нашому випадку для мобільної версії встановлено розмір тексту 14 пікселів — він добре читається і зберігає коректне відображення клітинок.
Налаштування адаптивності

Щоб оцінити зовнішній вигляд таблиці в обох версіях, скористайтеся кнопкою попереднього перегляду:

Кнопка попереднього перегляду

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

Попередній перегляд десктопної та мобільної версії

Вставка таблиці до блоку "Текст"

Виберіть блок "Текст" у відповідному розділі вкладки "Контент" і перетягніть його в лист.

Блок Текст

Натисніть кнопку з трикрапкою на панелі інструментів праворуч зверху і виберіть пункт "Таблиця".
Пункт меню для створення таблиці

У віконці, що з'явиться, налаштуйте основні параметри таблиці:

Властивості таблиці

У результаті ми отримаємо таблицю, готову до заповнення. До тексту можна буде застосувати всі налаштування з панелі редагування зверху, однак не можна налаштувати параметри для кожної клітинки, як у випадку з блоками.

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

Важливо!

Для створеної в такий спосіб таблиці розмір шрифту є однаковим у десктопній та мобільній версії і не залежить від налаштувань у вкладці "Адаптивність".

Відображення таблиці в десктопній та мобільній версіях

Отже, вам достатньо лише визначитися з оптимальним варіантом: побудувати таблицю за допомогою блоків у структурі, якщо для вас важливими є гнучкі налаштування зовнішнього вигляду, або швидко створити просту таблицю за допомогою відповідної кнопки.

Залишилися питання?
Спеціалісти обов'язково нададуть відповідь та допоможуть вирішити вашу проблему!
Зворотний дзвінок
Залишіть заявку – і наш спеціаліст зв'яжеться з вами в робочий час.
Відправити заявку
Консультація в чаті
Готові до ваших запитань!
Написати в чат
Електронна пошта
Напишіть в службу підтримки eSputnik.
Надіслати email