Первые шаги
Пользовательские данные
- Обзор адаптивного email-редактора
- Создание оформления для письма
- Создание сквозных модулей
- Настройка адаптивности
- Настройка Smart-элементов
- Оформление промовкладки для Gmail
- Добавление Rolloverʼа
- Добавление фона в письмо
- Добавление анкорных ссылок
- Библиотека блоков (Модули)
- Добавление блока "Видео"
- Добавление таблицы в письмо
- Работа с блоком "Баннер"
- Добавление пользовательских шрифтов
- Добавление кастомных иконок соцсетей
- Работа с блоком "Соцсети"
- Создание кнопки CTA
- Редактирование HTML и CSS
- Робота с блоком "Изображения"
- Работа с блоком “Таймер"
- Настройка блока "Меню"
- Создание футера
- Использование ИИ в email-редакторе
Омниканальность
- SDK для мобильных приложений
- Управление ключами доступа к мобильному SDK
- Подключение мобильного приложения
- Создание Google проекта для Mob Push
- Создание мобильных push-сообщений
- Настройка аналитики доставляемости и кликов
- Планирование мобильных push-уведомлений
- Настройка универсальных ссылок (deeplinks & Universal links)
- Отправка тестовых сообщений из отладки запросов
- Настройка виджетов для сайта
- Вызов виджета
- Сохранение данных из виджетов в поля контактов
- Защита от раздражения
- Действия после заполнения формы
- Расширение для тестирования форм в Google Chrome
- Создание pop-up-форм с помощью Google Tag Manager или WordPress
- Отправка событий из форм подписки в Google Analytics
- Замена системного сценария Double Opt-In
- Настройка геоданных для правил вызова виджетов
Автоматизация
- Двойное подтверждение подписки
- Приветственная серия
- Приветственная серия с сегментацией по категориям
- Запуск сценария после импорта контактов
- Регулярный сценарий для группы
- Поздравление с днем рождения
- Привязка сценария к кнопке
- Согласование переменных события со сценарием на примере сценария "Заказ доставлен"
- Сбор отзывов о заказе
- Реактивация клиентов и подписчиков
- Отправка рассылки непрочитавшим
- Настройка дополнительных рассылок
Персонализация
- Подстановка промокода из файла
- Подстановка промокода с использованием API
- Принципы генерации промокодов с помощью PHP/JAVA
- Подстановка промокода с помощью персонализации
- Загрузка промокодов для использования в сценарии
- Генерация промокодов в сценарии
- Отправка промокода с помощью препроцессора
- HTTP-запрос для передачи промокода из сообщения в карточку контакта
Аналитика
- Отчёт по email-рассылке
- Отчет по SMS-рассылке
- Отчет по рассылке Web Push
- Отчет по Viber-рассылке
- Отчет по рассылке Mob Push
- Отчет по рассылке App Inbox
- Отчет по взаимодействию с виджетами
- Отчет по триггерной рассылке
- Отчет по AMP-рассылке
- Отчет по мультиязычной рассылке
- Настройка передачи UTM-меток
- Визуализация дохода
- Отслеживание эффективности рассылок в Google Analytics
Мультиязычность
Отслеживание событий и поведения
- Разветвление сценария в зависимости от параметров события
- Отслеживание активности на сайте при помощи Generate event
- Валидация параметров события
- Отслеживание активности клиентов в мобильных приложениях
- Подстановка данных из событий в сообщения
- События для запуска триггерных рассылок
- Вебхуки для отслеживания активности
Товарные рекомендации
API
Смена системы
Документы
Интеграция
Создание оформления для письма
Создать письмо в нашем редакторе можно тремя способами:
- Выбрать один из 700 заготовленных шаблонов.
- Получить бесплатно базовый шаблон в стиле вашего сайта. Для этого напишите на support@esputnik.com.
- Подготовить новый шаблон самостоятельно.
Для создания оформления письма с нуля можно воспользоваться функцией "Оформление".
Как задать оформление для всего письма сразу
Настройки стилей элементов емейла происходят в отдельной вкладке “Оформление”. Внесенные изменения применяются ко всему письму.
Раздел “Общие настройки”
В этом разделе можно установить ширину емейла, задать общие отступы, цвет фона и контента письма:
- Ширина письма – по умолчанию установлена 600 px. Это оптимальное значение для корректного отображения емейла.
- Отступы – при работе с готовым шаблоном изменения в этой вкладке будут применены только к новым структурам, добавленным в письмо из вкладки “Контент”, или после добавления новых полос.
- Цвет фона письма – можно задать несколькими способами: выбрать цвет фона письма, загрузить фоновую собственную картинку или выбрать из банка изображений.
- Шрифт – в этой вкладке можно установить размер и вид шрифта контента для всего письма. Шрифт заголовков задается в следующем разделе.
- Интервал – должен быть таким, чтобы пользователю было комфортно читать текст и кликать по ссылкам. Минимальный интервал подходит для списков.
- Отбивка абзаца – увеличивает/уменьшает отступ между абзацами.
- Подчеркивание ссылок – включено по умолчанию. Чтобы его убрать, достаточно передвинуть ползунок.
- Адаптивность – эта функция делает email адаптивным на мобильном устройстве получателя.
- RTL-текст – выравнивание текста по правому краю. Эта функция важна для корректного отображения текста справа налево для арабского, персидского языков, иврита.
- Картинка в фоне – здесь можно добавить фоновую картинку для всего письма.
Некоторые почтовые клиенты (Windows 10 Mail, Android 4.4, Gmail приложение для iOS и Android) не поддерживают фоновые изображения. Мы рекомендуем выбирать цвет, похожий на изображение, в качестве запасного варианта.
Значение можно задать в % или px. Если картинка маленькая, она будет дублироваться по высоте и ширине. Лучше брать бесшовные (стыкуемые) картинки, чтобы подложка выглядела цельной.
Важно: в процессе создания письма можно менять любую часть оформления непосредственно в контенте. Указанные параметры во вкладке “Контент” будут приоритетнее, чем в “Оформлении”.
Раздел “Полосы”
В этом разделе можно оформить хедер, контент, футер, инфообласть. Доступны такие настройки: размер текста, отбивка абзаца, отступ, цвет фона контента, текста и ссылок, картинка в фоне.
Раздел “Заголовки”
В этом разделе можно изменить внешний вид заголовков в письме, выбрав для каждого нужные параметры: шрифт, цвет, интервал, отступ.
Раздел “Кнопка”
Для кнопок доступны такие опции:
- цвет – основной цвет кнопки и текста, а также их цвет по наведению;
- поддержка Outlook – опция позволяет обеспечить максимально точное отображение кнопок в почтовых клиентах MS Outlook за счет вставки специального VML-кода. При активации опции размер письма может быть увеличен до килобайта за каждую добавленную кнопку;
- стиль текста – шрифт, размер, начертание;
- закругление – для точного отображения свойства в Outlook нужно активировать опцию “Поддержка Outlook”.
- граница – можно задать как общую для кнопки, так и для каждой стороны отдельно;
- внутренние отступы – можно настроить каждый из отступов.
Ссылка на кнопку и ее название добавляется на вкладке “Контент”:
Читать подробнее, как создать кнопку >>
Раздел “Адаптивность”
Эти настройки будут срабатывать только в мобильной версии письма в почтовых программах, поддерживающих медиастили. В этом разделе можно задать:
- размер текста и отступ для хедера, контента, футера, инфообласти;
- размер шрифта и отступов для заголовков;
- размер кнопки и ее ширину;
- отступ вокруг письма.
Важно: размер шрифта, который указан в разделе “Общие”, будет отображаться на мобильных устройствах в ссылках как шрифт по умолчанию.
Адаптивность перестраивает отображение письма с десктопной версии на мобильную.
Кроме стандартных шрифтов, которые поддерживаются и отображаются во всех почтовиках, есть возможность добавить нестандартные шрифты. Если почтовый клиент не поддерживает такой шрифт, вместо него будет использоваться стандартный.
Больше о настройках адаптивности в этой статье>>.
После того, как email сохранен, найти этот шаблон можно во вкладке "Сохраненные шаблоны".