Как добавить значки социальных сетей в подпись письма

Подпись в письме — это то, что видит каждый ваш адресат. Значки соцсетей в ней работают как продолжение разговора: человек прочитал письмо, заинтересовался и перешёл посмотреть, что вы ещё делаете.

Сделать это правильно несложно, но есть несколько мест, где обычно ломается.

Главное правило: значки — это картинки со ссылками

В письме не работают шрифтовые значки и большинство скриптов. Единственный надёжный способ — маленькие картинки, каждая обёрнута в ссылку.

Значит, картинки должны где-то лежать. Не внутри письма вложением, а на сайте, по постоянному адресу. Если файл переедет или сайт ляжет, у всех адресатов в подписи появятся пустые квадраты.

Порядок действий

1. Подготовьте картинки

Размер 24 на 24 или 32 на 32 точки. Формат PNG с прозрачным фоном. Одинаковый стиль у всех значков: либо все цветные, либо все одноцветные.

Сразу сделайте вторую версию — светлую. Она понадобится для тёмной темы, об этом ниже.

2. Положите их на постоянный адрес

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

3. Соберите подпись таблицей

Почтовые программы плохо понимают современную вёрстку. Ряд значков надёжнее всего собирается таблицей в одну строку, где каждая ячейка — одна картинка со ссылкой.

Между значками ставьте отступ через саму ячейку, а не пробелами: пробелы схлопываются по-разному в разных программах.

4. Пропишите alt каждой картинке

Большинство почтовых программ по умолчанию не показывают картинки. Вместо значка человек увидит alt — и по нему поймёт, что это ссылка на ваш канал, а не сломанный элемент.

Пишите конкретно: «Телеграм», «ВКонтакте», а не «icon1».

5. Вставьте в настройки почты

В большинстве почтовых программ подпись вставляется как готовый блок. Если есть режим вставки исходного кода — используйте его, иначе форматирование поедет.

Где обычно ломается

Значки не видно на тёмной теме. Тёмные значки на прозрачном фоне сливаются, когда получатель читает почту в тёмном оформлении. Решение — светлая версия значков и переключение по настройке темы, либо один нейтральный серый вариант, который читается на обоих фонах.

Значки огромные на телефоне. Если задать размер только в стилях, часть программ их проигнорирует. Ширину и высоту надо прописать атрибутами прямо у картинки.

Подпись растёт в переписке. При каждом ответе она дублируется, и через десять писем внизу цепочки висит десять рядов значков. Для ответов имеет смысл держать вторую, короткую подпись — только имя и телефон.

Ссылка ведёт не туда. Проверьте каждую ссылку после вставки: при копировании подписи между программами часть ссылок отваливается.

Сколько значков ставить

Три-четыре. Ставьте только те каналы, которые ведёте регулярно.

Ссылка на заброшенный аккаунт с последней записью двухлетней давности вредит: человек переходит и видит, что вы это бросили. Лучше два живых канала, чем шесть, из которых четыре мёртвые.

Что ещё должно быть в подписи

Значки — не главное. Порядок важности такой:

• имя и должность — чтобы человек понял, с кем говорит;
• компания;
• телефон, по которому реально отвечают;
• ссылка на сайт;
• значки соцсетей.

Всё остальное — цитаты, картинки-баннеры, просьбы не печатать письмо — только увеличивает вес письма и отвлекает.

Проверка перед тем, как рассылать

Отправьте письмо себе на три разных ящика и откройте с телефона и с компьютера. Посмотрите отдельно, как выглядит подпись со включёнными картинками и с выключенными.

Пять минут проверки избавляют от подписи, которая полгода приходит клиентам сломанной.

---

Автор: Рогачев Дмитрий Васильевич, основатель La Chatte. Компания с 2014 года
делает сайты, интеграции и решения на искусственном интеллекте — более 400 проектов.