Как добавить соцсети в письмо Unisender

Соцсети в письме Unisender добавляются одним элементом в блочном редакторе: две иконки с двумя ссылками, и до отправки каждая ссылка проверяется отдельно в предпросмотре и тестовом письме. В подвале письма две иконки с двумя учебными профилями проверяются по таблице контроля: каждая иконка ведёт на свой профиль.

Работает это потому, что новый редактор собирает письмо из трёх уровней. Группа^[1] — верхний контейнер, в него кладут блоки; блок — средний уровень, в нём живут элементы; элемент отвечает за наполнение. Иконки соцсетей — один из 13 элементов редактора, и в таблице элементов он описан как «Иконки со ссылками на соцсети» с типичным местом в подвале письма.

Найдите элемент «Соц. сети» на вкладке «Контент»

Все элементы собраны в конструкторе на вкладке «Контент» — «Элементы» на этой вкладке^[1]. Там же лежат «Кнопка» и «Текст», и это другой инструмент под другую задачу.

Инструмент	Что даёт	Когда нужен
Соц. сети	Набор иконок со ссылками на профили	Постоянный подвал письма со ссылками на сообщества
Кнопка	Один кликабельный блок со ссылкой	Призыв к действию: «Купить», «Подробнее»
Текст	Абзац с форматированием, в нём можно дать ссылку	Анкор внутри текста, пояснение, условия

Элемент «Соц. сети» удобен, когда в каждом письме нужен одинаковый набор иконок на профили. Кнопка ведёт на одно действие, текстовая ссылка живёт внутри абзаца. Если задача — дать читателю перейти в сообщество, берите набор иконок; если нужно одно действие — кнопку.

Перетащите элемент в подвал письма

Элемент добавляют перетаскиванием: найдите его на вкладке «Контент» — «Элементы» и перенесите на рабочую область по этой инструкции^[1]. Два пути дают разный результат:

В готовый блок в подвале — элемент встаёт внутрь блока, структура групп и блоков не меняется.
В свободное место рабочей области — редактор сам создаёт блок и помещает в него новый элемент.

Для подвала письма выбирайте первый путь: структуру вы уже собрали, и новый блок в ней не нужен. Если элемент встал не туда, наведите на него курсор — появятся иконки операций, среди них перемещение за иконку с точками. Ошибочное удаление отменяется кнопкой «Отменить» или сочетанием Ctrl/⌘ + Z.

Подставьте профили: учебный пример

Учебный пример. Входные данные — два публичных профиля без паролей и доступа к личному кабинету:

Иконка	Учебный профиль
ВКонтакте	`https://vk.com/example`
Telegram	`https://t.me/example`

При работе со своим письмом замените их разрешёнными публичными профилями компании. Порядок замены:

Наведите курсор на элемент «Соц. сети» и нажмите значок карандаша — справа откроется панель настроек по справке^[1].
Для каждой иконки впишите адрес своего профиля из таблицы: ВКонтакте — строку с vk.com, Telegram — строку с t.me.
Проверьте, что в наборе есть только иконки соцсетей, на которых у компании есть профили, и для каждой указан нужный адрес.
Сохраните письмо сочетанием Ctrl + S по инструкции редактора^[2]. Сверьте адреса в настройках элемента с таблицей.

Контроль результата — таблица заполняется по ходу проверки:

Ссылка в элементе	Куда ведёт	Предпросмотр	Тестовое письмо, десктоп	Тестовое письмо, мобильный
`https://vk.com/example`	Профиль ВКонтакте	открывается	открывается	открывается
`https://t.me/example`	Профиль Telegram	открывается	открывается	открывается

Каждая иконка ведёт на свой профиль только тогда, когда все шесть ячеек проверки заполнены и адрес в каждой совпадает с таблицей входов. Ссылки ведут на публичные профили — данные клиентов и подписчиков в этот шаг не передаются, и передавать их элементу соцсетей не нужно.

Проверьте переходы до отправки

Предпросмотр. В правой части экрана отображается превью письма: кликните на него или на значок глаза, чтобы открыть письмо в режиме предпросмотра по описанию шага проверки^[3]. Пройдите по каждой иконке: клик должен открывать тот профиль, что записан в таблице. Веб-версию можно открыть через три точки и пункт «Предпросмотр полной версии».

Тестовое письмо. Справка прямо предписывает перед отправкой проверить письмо в предпросмотре и отправить тестовое на свой адрес^[1]; кнопка «Отправить тестовое письмо» есть в правом верхнем углу на шаге отправки^[3]. В полученном письме кликните по каждой иконке ещё раз — так вы проверите ссылки в реальном почтовом клиенте, а не только в редакторе.

Мобильная версия. Письма в редакторе автоматически адаптируются под мобильные, а при необходимости мобильную версию правят отдельно: иконка телефона слева или ползунки размера рабочей области по этой инструкции^[2]. Настройки компонента в мобильной версии подсвечиваются зелёным. Если иконки на телефоне выглядят иначе, чем на десктопе, поправьте размер и выравнивание элемента в мобильной версии и снова прогоните таблицу проверки. Скрыть элемент в одной из версий тоже можно: справка отмечает, что скругление и процентные размеры в разных почтовых клиентах отображаются по-разному и советует проверять письмо^[1] в предпросмотре и тестовом письме до отправки.

Готово письмо к рассылке, когда таблица проверки заполнена целиком: обе иконки ведут на свои профили в предпросмотре, в тестовом письме на десктопе и на мобильном. До этого шага рассылку не отправляйте. Как встроить письмо в общую цепочку, разобрано в материале про рассылку с нейросетью; как повысить шансы на попадание во «Входящие», — в статье про доставляемость писем.