Первые шаги
Отслеживание событий и поведения
- Получение и установка скрипта веб-трекинга
- Настройка трекинга привязкой к селекторам сайта
- Настройка и использование веб-трекинга для персонализации контента на сайте и в рассылках
- Настройка Web Tracking методом отправки событий через JavaScript
- Передача данных о поведении посетителей сайта через REST API
Пользовательские данные
- Обзор адаптивного email-редактора
- Создание оформления для письма
- Создание сквозных модулей
- Настройка адаптивности
- Настройка Smart-элементов
- Оформление промовкладки для Gmail
- Добавление Rolloverʼа
- Добавление фона в письмо
- Добавление анкорных ссылок
- Библиотека блоков (Модули)
- Добавление блока "Видео"
- Добавление таблицы в письмо
- Работа с блоком "Баннер"
- Добавление пользовательских шрифтов
- Добавление кастомных иконок соцсетей
- Работа с блоком "Соцсети"
- Создание кнопки CTA
- Редактирование HTML и CSS
- Робота с блоком "Изображения"
- Работа с блоком “Таймер"
- Настройка блока "Меню"
- Создание футера
Омниканальность
- SDK для мобильных приложений
- Управление ключами доступа к мобильному SDK
- Подключение мобильного приложения
- Создание Google проекта для Mob Push
- Создание мобильных push-сообщений
- Настройка аналитики доставляемости и кликов
- Планирование мобильных push-уведомлений
- Настройка универсальных ссылок (deeplinks & Universal links)
- Отчеты по мобильным push-рассылкам
Автоматизация
- Запуск сценария после импорта контактов
- Двойное подтверждение подписки
- Приветственная серия
- Запуск Welcome-серии для разных категорий
- Регулярный сценарий для группы
- Поздравление с днем рождения
- Привязка сценария к кнопке
- Согласование переменных события со сценарием на примере сценария "Заказ доставлен"
- Сбор отзывов о заказе
- Реактивация клиентов и подписчиков
- Отправка рассылки непрочитавшим
- Контроль триггеров
- Если сценарий не работает
Персонализация
- Подстановка промокода из файла
- Подстановка промокода с использованием API
- Принципы генерации промокодов с помощью PHP/JAVA
- Подстановка промокода с помощью персонализации
- Загрузка промокодов для использования в сценарии
- Генерация промокодов в сценарии
- Отправка промокода с помощью препроцессора
- HTTP-запрос для передачи промокода из сообщения в карточку контакта
Аналитика
- Отчёт по email-рассылке
- Отчет по AMP-рассылке
- Отчеты по мобильным push-рассылкам
- Отчет по SMS-рассылке
- Отчет по Web-push рассылке
- Отчет по Viber-рассылке
- Настройка передачи UTM-меток
- Визуализация дохода от рассылок
- Отслеживание эффективности рассылок в Google Analytics
- Как открыть CSV-файл после экспорта
Мультиязычность
Товарные рекомендации
API
Смена системы
Документы
Интеграция
Добавление таблицы в письмо
Если у вас возникла необходимость добавить таблицу в письмо, вы можете сделать это не выходя из редактора. Рассмотрим два варианта создания таблиц в сообщении.
Создание таблицы с помощью структуры
Перейдите в раздел “Структуры” вкладки “Контент” и перетащите в письмо вариант с нужным количеством контейнеров. Их число должно соответствовать числу колонок в таблице.
При необходимости контейнеры можно добавить или удалить в меню слева. Здесь также настраивается ширина каждой ячейки и размеры отступов между ними.
Задайте для отступов значение 0, если хотите, чтобы ваша таблица имела классический вид:
и увеличьте, если хотите сделать ее более оригинальной:
Сделайте контейнеры текстовыми блоками, выбрав соответствующий тип контента.
Настройки внешнего вида контейнера устанавливаются в меню слева. Чтобы выделить границы ячеек, используйте пункт меню “Обводка”:
Также здесь можно задать параметры для всего блока:
-
цвет текста и фона;
-
выравнивание текста;
-
межстрочный интервал;
-
отступы.
Чтобы изменить внешний вид отдельной части текста в блоке, используйте верхнюю панель редактирования параметров текста:
После того, как вы настроите внешний вид первой структуры, вы можете добавить еще одну строку с такими же параметрами. Для этого выберите кнопку “Дублировать” в появляющемся меню справа.
При необходимости измените отступы для структур: установите значение 0 для верхнего и нижнего отступа, чтобы убрать лишнее расстояние между строками:
Ваша таблица готова к заполнению. Осталось настроить ее отображение на мобильных устройствах. Для этого в меню настроек слева выключите ползунок “Адаптивная структура”. Синхронно с ним отключится опция “Отступ между контейнерами на мобильных устройствах”.
Во вкладке “Оформление” перейдите в раздел “Адаптивность” и задайте размер шрифта для мобильной версии письма. Наиболее часто для удобства чтения в десктопной версии используют кегль 14px, а в мобильной - 16px. В нашем случае для мобильной версии установлен размер текста в 14 пикселей - он и хорошо читаем, и сохраняет корректное отображение ячеек.
Чтобы оценить внешний вид таблицы в двух версиях, воспользуйтесь кнопкой предпросмотра:
Теперь таблица будет выглядеть на мобильных устройствах так же, как и на десктопе.
Вставка таблицы в блок “Текст”
Выберите блок “Текст” в соответствующем разделе вкладки “Контент” и перетяните его в письмо.
Нажмите на кнопку с троеточием на панели инструментов в правом верхнем углу и выберите пункт “Таблица”.
В появившемся окошке задайте основные параметры таблицы:
В результате получим таблицу, готовую к заполнению. К тексту можно будет применить все настройки из панели редактирования вверху, однако нельзя задать параметры каждой ячейке, как в случае с блоками.
Важно!
Для созданной таким образом таблицы размер шрифта одинаков в десктопной и мобильной версии и не зависит от настроек во вкладке “Адаптивность”.
Таким образом, вам стоит всего лишь определиться с оптимальным вариантом: построить таблицу с помощью блоков в структуре, если вам важны гибкие настройки внешнего вида, либо быстро создать простую таблицу с помощью соответствующей кнопки.