Первые шаги
Пользовательские данные
- Обзор адаптивного email-редактора
- Создание оформления для письма
- Создание сквозных модулей
- Настройка адаптивности
- Настройка Smart-элементов
- Оформление промовкладки для Gmail
- Добавление Rolloverʼа
- Добавление фона в письмо
- Добавление анкорных ссылок
- Библиотека блоков (Модули)
- Добавление блока "Видео"
- Добавление таблицы в письмо
- Работа с блоком "Баннер"
- Добавление пользовательских шрифтов
- Добавление кастомных иконок соцсетей
- Работа с блоком "Соцсети"
- Создание кнопки CTA
- Редактирование HTML и CSS
- Робота с блоком "Изображения"
- Работа с блоком “Таймер"
- Настройка блока "Меню"
- Создание футера
- Использование ИИ в email-редакторе
Омниканальность
- SDK для мобильных приложений
- Управление ключами доступа к мобильному SDK
- Подключение мобильного приложения
- Создание Google проекта для Mob Push
- Создание мобильных push-сообщений
- Настройка аналитики доставляемости и кликов
- Планирование мобильных push-уведомлений
- Настройка универсальных ссылок (deeplinks & Universal links)
- Отправка тестовых сообщений из отладки запросов
- Настройка виджетов для сайта
- Вызов виджета
- Настройка геоданных для правил вызова виджетов
- Сохранение данных из виджетов в поля контактов
- Защита от раздражения
- Действия после заполнения формы
- Замена системного сценария Double Opt-In
- Расширение для тестирования форм в Google Chrome
- Создание pop-up-форм с помощью Google Tag Manager или WordPress
- Отправка событий из форм подписки в Google Analytics
Автоматизация
- Двойное подтверждение подписки
- Приветственная серия
- Приветственная серия с сегментацией по категориям
- Запуск сценария после импорта контактов
- Регулярный сценарий для группы
- Поздравление с днем рождения
- Привязка сценария к кнопке
- Согласование переменных события со сценарием на примере сценария "Заказ доставлен"
- Сбор отзывов о заказе
- Реактивация клиентов и подписчиков
- Отправка рассылки непрочитавшим
- Настройка дополнительных рассылок
Персонализация
- Подстановка промокода из файла
- Подстановка промокода с использованием API
- Принципы генерации промокодов с помощью PHP/JAVA
- Подстановка промокода с помощью персонализации
- Загрузка промокодов для использования в сценарии
- Генерация промокодов в сценарии
- Отправка промокода с помощью препроцессора
- HTTP-запрос для передачи промокода из сообщения в карточку контакта
Аналитика
- Отчёт по email-рассылке
- Отчет по SMS-рассылке
- Отчет по рассылке Web Push
- Отчет по Viber-рассылке
- Отчет по рассылке Mob Push
- Отчет по рассылке App Inbox
- Отчет по взаимодействию с виджетами
- Отчет по триггерной рассылке
- Отчет по AMP-рассылке
- Отчет по мультиязычной рассылке
- Настройка передачи UTM-меток
- Визуализация дохода
- Отслеживание эффективности рассылок в Google Analytics
Мультиязычность
Отслеживание событий и поведения
- Отслеживание активности на сайте при помощи Generate event
- Валидация параметров события
- Отслеживание активности клиентов в мобильных приложениях
- События для запуска триггерных рассылок
- Разветвление сценария в зависимости от параметров события
- Подстановка данных из событий в сообщения
- Вебхуки для отслеживания активности
Товарные рекомендации
API
Смена системы
Документы
Интеграция
Работа с блоком "Соцсети"
Основная цель блока “Социальные сети” в письме – это удержать/оставить/повысить активность покупателя или потенциального клиента в других каналах посредством подписки на ваши социальные страницы. Следовательно, ссылки на социальные сети стоит использовать как в триггерной, так и в промосерии писем.
В этой инструкции будет показано, как добавить в письмо блок социальных сетей, а также много примеров, как его можно оформить.
Как добавить блок “Соц.сети” в письмо
Во вкладке “Контент” зайдите в пункт меню “Блоки”, выберите блок “Соц. сети” и перетяните его в письмо.
При этом возможны два варианта добавления блока:
-
Если вы вставляете блок между существующими элементами письма, к нему применится оформление той структуры, в которую его добавили. При необходимости внешний вид можно изменить.
-
Если перетащить блок в пустую структуру, все форматирование – отступы, фон и т.д. – нужно будет задать во вкладке “Внешний вид” меню “Структуры”, расположенного слева.
После вставки блока кликните по расположенным в нем иконкам, перейдите в появившееся слева меню и раскройте пункт выбора логотипов социальных сетей.
Здесь можно загрузить кастомные иконки или выбрать из уже предложенных вариантов. Если у вас есть свой набор оригинальных иконок, выберите пункт “Пользовательские лого”. Появится окно загрузки изображений:
Добавление кастомных логотипов соцсетей аналогично вставке любых изображений в редакторе eSputnik: их можно загрузить со своего компьютера, с помощью ссылки на внешний ресурс или выбрать в фотобанке.
Дальнейшие настройки внешнего вида одинаковы для пользовательских и системных лого. В нашем примере мы использовали серые иконки, которые вписываются в общий дизайн письма.
Как управлять блоком “Соц.сети”
Нажмите на добавленный блок соцсетей в письме один раз и перейдите в меню настроек блока слева .
-
Чтобы добавить заливку блока, нужно нажать на поле с кодом цвета и в раскрывающемся окне выбрать нужный цвет, или добавить код по примеру #000000.
-
Чтобы установить размер иконок, нажмите на стрелочку и в выпадающем меню выберите необходимое значение.
3. С помощью значка “Корзина” иконка удаляется.
4. Чтобы добавить новую социальную сеть, необходимо нажать на “+” и затем в раскрывающемся окне выбрать необходимую иконку.
Помимо иконок соцсетей здесь также есть вкладки “Чат”, где собраны значки популярных мессенджеров, и “Другие”, где можно найти логотипы других широко распространенных каналов связи: Blogger, сервисы Google и Yandex, магазины приложений и т.д.
5. Для вставки альтернативного текста и названия соцсети нужно активировать переключатель “еще” и в раскрывающемся меню заполнить соответствующие поля.
6. Чтобы добавить ссылку, просто скопируйте ее и вставьте в специальное поле.
В этом пункте также можно поставить специальную ссылку для репоста. В таком случае, кликая по значку иконки, пользователь не перейдет на вашу страницу в соцсети, а поделится вашим письмом в своем профиле.
Нажмите на кнопку “Сайт” и выпадающем меню перейдите к разделу “Поделиться”.
Выберите необходимый вариант, и ссылка для шэринга сгенерируется автоматически. Вам нужно будет добавить только ссылку на письмо. Для этого перейдите в список сообщений, в строке нужного письма нажмите на значок с тремя точками и выберите пункт “Ссылка на письмо”.
Скопируйте ссылку и вставьте ее в соответствующее поле:
В зависимости от соцсети в настройках возможны дополнительные опции.
Вы можете добавить короткий сопроводительный текст, который отобразится в публикации, и хэштеги (их нужно указывать через запятую, без знака #).
В первую очередь Pinterest — это сервис для красивой и удобной визуализации. Добавьте соответствующее изображение и описание к нему, чтобы пользователь мог “приколоть” ваше письмо к доске.
Картинку можно выбирать любым способом, доступным в редакторе.
Почта
Добавьте тему, которая отразит суть письма при пересылке:
7. Функция выбора выравнивания иконок в блоке применима отдельно как для стандартной десктопной, так и для мобильной версии. Для настройки выравнивания на мобильных нужно нажать на значок телефона и выбрать положение: справа, слева, по центру.
8. Чтобы увеличить или уменьшить отступы между иконками в блоке, нажмите на “+” или на “-”.
Регулировать высоту и ширину отступов от блока можно с помощью знака “+” для увеличения или “-” для уменьшения. Максимальные значения отступов – 40px. Здесь также возможно устанавливать отступы отдельно для десктопной и для мобильной версии письма.
9. Вы можете скрывать блок с соцсетями для десктопа или для мобильного телефона, выбрав соответствующую кнопку в меню настроек. В этом случае блок будет отмечен в редакторе специальным значком с подсказкой в правом верхнем углу.
10. Также можно выбрать опцию отображения блока только для HTML или AMPHTML-версии письма. При этом появится соответствующая метка в левом верхнем углу блока.
Как можно использовать блок соцсетей в email-рассылках
В футере
Самое популярное место для размещения ссылок на социальные сети.
Чтобы этот блок не выглядел формальностью для подписчиков, используйте оригинальные иконки. Они выделят вас на фоне всех остальных компаний и покажут подписчикам, что к своим социальным сетям вы относитесь серьезно.
В хедере
Второе по популярности пространство для размещения социального блока.
Расположение иконок соцсетей в шапке письма исключает вероятность того, что подписчик их не заметит просто потому, что не долистал письмо до конца. Блок с социальными сетями в хедере привлекает больше внимания, чем в футере, поэтому имеет смысл разместить здесь более конверсионные ссылки. Например, на скачивание вашего приложения в Google Play или App Store (иконки можно выбрать на вкладке “Другие” в окошке добавления иконок).
В основной части письма
Добавьте ссылки на социальные сети в основную часть письма, подчеркнув сильные стороны размещаемого в них контента:
В разделе “Свяжитесь с нами”
Предоставьте подписчикам возможность выбрать, как им удобнее с вами связаться. Разместите несколько чатов в теле письма или в футере, воспользовавшись соответствующими стандартными иконками из вкладки “Чат” или собственными дизайнерскими, чтобы информация точно не осталась без внимания.
Если в вашей компании можно обратиться по различным вопросам к специалисту своего направления, дайте контакты каждого из них:
В отдельном письме
Если вы хотите, чтобы о ваших соцсетях узнало как можно больше людей, отправьте им приглашение присоединиться к вам отдельным письмом. Не забудьте указать, какой контент вы публикуете в каждой соцсети, и чем он может быть полезен подписчикам.
С предложением поделиться письмом
Если вы проводите в рассылке эксклюзивные акции или просто создали невероятно красивое и интересное письмо, вашим подписчикам, возможно, захочется поделиться им в соцсетях. Таким образом вы сможете получить новых заинтересованных пользователей.
+Бонус
Вы также можете использовать анимированные иконки. Принцип работы с ними точно такой же, только изображение загружается в формате gif.
Несмотря на общепринятые практики использования блока “Социальные сети”, вы можете тестировать его размещение в разных местах и анализировать количество переходов от письма к письму, чтобы выбрать наиболее оптимальный вариант.