Первые шаги
Пользовательские данные
- Обзор адаптивного email-редактора
- Создание оформления для письма
- Создание сквозных модулей
- Настройка адаптивности
- Настройка Smart-элементов
- Оформление промовкладки для Gmail
- Добавление Rolloverʼа
- Добавление фона в письмо
- Добавление анкорных ссылок
- Библиотека блоков (Модули)
- Добавление блока "Видео"
- Добавление таблицы в письмо
- Работа с блоком "Баннер"
- Добавление пользовательских шрифтов
- Добавление кастомных иконок соцсетей
- Работа с блоком "Соцсети"
- Создание кнопки CTA
- Редактирование HTML и CSS
- Робота с блоком "Изображения"
- Работа с блоком “Таймер"
- Настройка блока "Меню"
- Создание футера
Омниканальность
- 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
Смена системы
Документы
Интеграция
Робота с блоком "Изображения"
Изображения в письмах формируют восприятия бренда и влияют на решение о покупке. Drag’n’drop-редактор в системе eSputnik позволяет одновременно достигать маркетинговых целей и заботиться о доставке ваших писем в Inbox.
Работа с блоком картинок в редакторе eSputnik
Чтобы добавить картинку в письмо, разверните вкладку “Блоки” в меню “Контент” слева и перетяните блок с картинкой в нужное место.
Или при создании новой структуры наведите курсор на контейнер и кликните по значку изображения.
При замене существующего изображения или добавлении нового слева откроется меню для загрузки картинки разными способами:
-
Загрузить подготовленное изображение, сделанное для конкретной рассылки.
-
Выбрать из общих изображений. В этот раздел можно добавлять картинки и использовать их в каждом письме. Например: логотип или фото менеджера.
-
Во вкладке “Системные” собраны стандартизированные изображения, такие как пиктограммы социальных сетей, картинки-CTA для скачивания приложений в официальных магазинах App Store и Google Play и т. д.
-
В разделе “Банк” лежат предзаготовленые изображения на разные темы.
Рассмотрим каждый из вариантов подробнее.
Добавляйте свои картинки
Загрузить файлы можно в таких форматах: PNG, JPG, GIF. Чтобы картинки быстро загружались в письме, используйте изображения не больше 3 Мб.
Загрузка с ПК
- Перетяните изображение в указанную область.
- Кликните на указанную область и зайдите в нужную директорию на ПК, чтобы добавить картинку.
Загрузка из внешних ресурсов
Добавляйте изображения в email с помощью ссылки на открытый источник:
Загрузка картинок с внешнего ресурса, например с сайта компании, помогает существенно экономить время, так как нет необходимости скачивать, сортировать и снова загружать изображения. Минус этого метода в том, что картинка может перестать отображаться из-за ее перемещения или удаления на сайте. Поэтому если такое может произойти, то загрузите ее в галерею:
Выбор из банка картинок
Введите поисковый запрос и используйте бесплатные картинки. Например, вы хотите сделать рассылку с анонсом туристических поездок. Чтобы найти красивый фон для баннера, укажите запрос со словом "отпуск" или “путешествие”:
Такое разделение позволяет не накапливать массивы картинок, которые используются всего раз.
После того, как изображение загружено, вы можете:
-
Заменить его.
-
Изменить в встроенном редакторе.
-
Посмотреть путь к картинке.
Важно!
Во вкладке “Общие” хранятся изображения, которые будут доступны во всех письмах. Например: логотип компании, иконки соцсетей и т. д. Во вкладке “Подготовленные” – только изображения, используемые для конкретного письма.
Настройки изображения
-
Тумблер для включения/выключения эффекта “Ролловер” (смена изображения на другое при наведении на него курсора).
-
Ссылка важна, чтобы картинка была кликабельна и подписчики могли перейти по ней на посадочную страницу.
-
Укажите альтернативный текст на случай, если картинка не загрузится на устройстве, чтобы клиент понял, что на ней изображено и захотел перейти на сайт.
-
Укажите местоположение картинки в блоке: по центру, слева или справа.
-
Задавайте нужный вам размер изображения. По умолчанию подставляется максимальный.
-
Растягивайте картинку на всю ширину блока. Используйте эту функцию, например, для маленьких изображений.
-
Настраивайте адаптивность картинок: какое изображение будет подстраиваться под ширину экрана устройств получателей, а какое – всегда оставаться с фиксированным размером.
-
Задавайте размеры отступов для изображения.
-
Скрывайте блоки, которые не нужно в мобильной версии.
-
В HTML/AMP-версии письма можно оставить или скрыть изображение.
-
Запускайте сценарии по клику на картинку. Для этого в специальном поле выберите заранее подготовленное событие. Использовать, можно, например, для сценария, в котором подтвердить подписку, заранее создав событие.
Используйте встроенный редактор изображений
Вам не придется выгружать/загружать картинки, если для них нужно внести мелкие правки: подрезать, развернуть, добавить фильтры или сделать ее черно-белой – все это уже встроено в редактор сообщений eSputnik.
Кроме того, в редакторе можно создавать баннеры для писем без использования дополнительных графических программ.
-
Используйте “Открыть”, чтобы задать фоновое изображение/наложить картинку сверху.
-
Сохраняйте измененное изображение.
-
С помощью функции “Масштаб” приближайте или отдаляйте картинку.
-
Отменяйте или повторяйте свои действия.
-
Просматривайте историю изменения изображений.
-
Объекты, которые присутствуют на картинке.
-
Выйти из редактора.
Чтобы открылся редактор картинок, кликните по нужному изображению в сообщении (или сразу после загрузки) нажмите на иконку волшебной палочки.
Изменяйте размер
Можно произвольно обрезать изображение при помощи рамок, а также задать конкретный размер или определенные пропорции на панели сверху.
Применяйте фильтры
18 встроенных фильтров сделают изображения сочными, стильными и современными. Фильтры можно сочетать между собой, дополнительно корректировать доминирование отдельного цвета и яркость.
Трансформируйте изображение
В разделе “Трансформация” поворачивайте изображение, а так же отражайте изображение по горизонтали и/или вертикали.
Добавляйте рамки, стикеры, текст, фигуры, рисуйте
В считанные минуты создавайте баннер с помощью таких инструментов: рисование, текст, фигуры, стикеры, рамки:
Изменяйте углы, фон и объединяйте изображения
Без использования дополнительных программ скругляйте углы, меняйте фон картинки или объединяйте два или больше изображения.
Цель редактора eSputnik – сделать работу над письмами удобной и быстрой. Используйте все возможности редактора для создания профессиональных, читабельных и интересных рассылок. Больше о них читайте в разделе “Поддержка”.