Как сделать HTML-подпись в Gmail, Yahoo, Yandex и Mail.ru (бесплатно, без кода)

Зачем нужна HTML-подпись

Обычная текстовая подпись выглядит скучно. Красивая HTML-подпись с логотипом и ссылками создаёт впечатление и укрепляет бренд. Сложность в том, что письма живут в разных клиентах (Gmail, Outlook, Apple Mail), и нужны инлайн-стили и табличная вёрстка. Многие сервисы за это берут деньги или заставляют править код вручную.

В расширении html2email есть бесплатная библиотека шаблонов подписей. По этой инструкции вы сделаете аккуратную HTML-подпись за пару минут, без кода. Далее - от выбора шаблона до вставки в Gmail или Yahoo.

Что понадобится

Браузер Chrome (или на базе Chromium: Edge, Brave). Расширение html2email работает только в нём. Поставьте последнюю версию.

Расширение html2email - установите из Chrome Web Store. Оно бесплатное, регистрация не нужна.

Почтовый ящик Gmail, Yahoo или другой, куда хотите добавить подпись. Подпись будет работать во всех основных клиентах.

Время: базовая подпись - меньше 2 минут. Если будете перебирать шаблоны и детально править - заложите 5–10 минут. Знания HTML или дизайна не нужны.

Пошаговая инструкция

Шаг 1. Установите и откройте расширение

Установите html2email из Chrome Web Store, если ещё не ставили. Нажмите на иконку расширения в панели браузера - откроется интерфейс.

Шаг 2. Откройте шаблоны

В интерфейсе найдите раздел или вкладку «Шаблоны». Откроется библиотека готовых шаблонов по категориям.

Шаг 3. Отфильтруйте по типу «Подпись»

В фильтре выберите «Подпись», чтобы видеть только шаблоны подписей. Доступно более 20 бесплатных вариантов в разных стилях.

Шаг 4. Просмотрите шаблоны

Полистайте превью и выберите дизайн под свой стиль: от минималистичных до с иконками соцсетей и логотипом.

Шаг 5. Выберите шаблон

Нажмите на понравившийся шаблон, посмотрите крупное превью. Если всё подходит, нажмите «Использовать шаблон».

Шаг 6. Заполните данные

Откроется редактор. Подставьте ФИО, должность, компанию, email, телефон, сайт и ссылки на соцсети. Редактор понятный, HTML не нужен - просто вводите текст в поля.

Шаг 7. Проверьте превью

Посмотрите, как подпись будет выглядеть в письме. Убедитесь, что данные верные и оформление аккуратное.

Шаг 8. Скопируйте и вставьте в почту

Скопируйте готовый HTML (кнопка «Копировать» в расширении). В настройках почты: Gmail - Настройки → Общие → Подпись → Создать → вставить HTML. Yahoo - Настройки → Написание писем → Подпись → вставить HTML. Outlook - Файл → Параметры → Почта → Подписи → Создать → вставить HTML.

Шаг 9. Отправьте себе тест

Отправьте пробное письмо себе и проверьте подпись на компьютере и телефоне.

Шаг 10. Готово

Подпись будет автоматически добавляться ко всем новым письмам.

Советы

Лаконичность. Ограничьтесь 4–6 строками: имя, должность, контакты, одна-две ссылки. Перегруженная подпись плохо смотрится на мобильных.

Цвета. Лучше цвета бренда или нейтральные (чёрный, тёмно-серый, тёмно-синий). Яркие «кричащие» цвета выглядят непрофессионально.

Картинки. Логотип или фото храните на сайте или CDN и вставляйте в подпись только ссылкой. Не прикрепляйте файлы к коду подписи.

Проверка. Перед постоянным использованием проверьте подпись в Gmail, Outlook, Yahoo и Apple Mail. Шаблоны html2email рассчитаны на все эти клиенты, но тест не помешает.

Актуальность. Обновляйте подпись при смене должности, контактов или ссылок. Раз в квартал проверяйте, что ссылки работают.

Частые ошибки

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

Внешние стили. Не подключайте внешние CSS и не полагайтесь на тег <style> - почтовые клиенты их убирают. Нужны инлайн-стили; в шаблонах html2email они уже есть.

Сложная вёрстка. Много колонок, анимации и JavaScript в письмах не работают. Держите подпись простой.

Лишняя информация. Не пихайте в подпись всё подряд: десятки ссылок и рекламу. Перегруженная подпись режется клиентами и выглядит непрофессионально.

Шрифты. Используйте веб-безопасные: Arial, Helvetica, Georgia, Times New Roman. Кастомные шрифты во многих клиентах не отобразятся.

Мобильная версия. Многие читают почту с телефона. Убедитесь, что подпись читаема на маленьком экране. Шаблоны html2email адаптивные, но проверка не помешает.

Итог

Сделать нормальную HTML-подпись можно бесплатно и без кода. Расширение html2email даёт готовые шаблоны с инлайн-стилями и табличной вёрсткой - подпись будет корректно отображаться в Gmail, Yahoo, Outlook и Apple Mail. Держите подпись короткой, проверяйте в разных клиентах и обновляйте контакты. Установите html2email и выберите шаблон подписи - за пару минут у вас будет аккуратная подпись вместо простого текста.