html код для подписи в почте
Как создать крутую подпись для email: обзор приложений и практические советы
Время чтения: 17 минут Нет времени читать? Нет времени?
В среднем, офисный работник отправляет в день до 40 электронных писем – оцените охват аудитории. Как же произвести впечатление и рассказать о себе как о профессионале при помощи электронного письма? Создать к нему эффектную и информативную подпись.
Важно: email-канал – только одно из направлений интернет-маркетинга. Чтобы получить максимум трафика/лидов/продаж, нужно использовать комплексное продвижение.
Прежде чем мы поговорим о том, как создать хорошую подпись для email, приведем примеры того, как делать не надо.
Что общего у этих примеров? Переизбыток информации. Подпись к email – это лаконичное дополнение, а не кричащий рекламный проспект.
Начнем с обзора сервисов, в которых можно создать email-подпись, а потом перечислим несколько советов по написанию.
Создание подписи в «Яндекс.Почте» и Gmail
«Яндекс.Почта»
Подпись для почты можно создать в самом почтовом клиенте. Рассмотрим, как это сделать в почте от «Яндекса».
Смотрим на любезно приведенный пример и создаем свою подпись.
Gmail
Теперь создадим email-подпись для почты от «Гугл».
Создаем новое письмо.
Приложения для создания email-подписи
Wise Stamp
Wise Stamp – один из самых известных сервисов по созданию email-подписей. Имеет две версии: бесплатную и Pro, которая обойдется вам в 4 доллара в месяц. В Pro версии вы сможете убрать обязательную установку приложения для Gmail, получить три набора шаблонов (к базовому добавятся Professional, Vertical и Minimalistic) и другие инструменты дизайна, а также создавать собственные иконки социальных сетей.
Также существует Business-версия приложения. У нее есть бесплатный пробный период в 14 дней. Бизнес-версия позволяет создать всем вашим сотрудникам email-подпись в одном стиле: каждому сотруднику не придется отдельно регистрироваться и платить деньги. Интеграция с Google Analytics поможет отследить, насколько эффективно повлияли ссылки в подписях на рост трафика вашего сайта.
У сайта понятный, несложный интерфейс. Слева заполняем графы с информацией, справа настраиваем оформление. Даже редактор дизайна базовой версии тут позволяет менять практически все, вплоть до размера и цвета иконок соцсетей.
New Old Stamp
Разработчик называет свой сервис «самым простым инструментом для создания email-подписей в мире».
У New Old Stamp две версии: бесплатная и Premium, в которой цена за одну подпись составляет 2 доллара. В Premium-версии расширены возможности редактора, доступно изменение размеров логотипов или фотографий, добавлено больше цветовых схем и иконок соцсетей.
В списке клиентов сервиса значатся Apple, Nestle, Opel и другие известные бренды.
Интерфейс приложения очень простой: в столбце слева заполняем графы с информацией, справа выбираем тему оформления. Нажимаем Save, выбираем почтовый клиент.
HTMLsig
HTMLsig включает в себя три версии: бесплатную, Basic (5 долларов в месяц) и Pro (30 долларов в месяц). Возможность редактирования email-подписи, созданной в бесплатной версии, станет недоступна спустя 30 после создания. Также в этой версии доступно меньшее количество стилей оформления. Лимит подписей в версии Basic – 50 штук. Она также позволяет размещать ссылки на ваши приложения в App Store и создавать визитки в едином стиле для вашей команды. В Pro-версии нет ограничений по количеству создаваемых подписей, а для ваших сотрудников вы можете создавать целые генераторы подписей.
Редактор разбит на вкладки от основной информации до добавления ссылок на ваши приложения (последний пункт доступен только платно).
Первая вкладка, Main, предназначена для указания личной информации, а Social – для страниц в соцсетях. Disclaimer – по умолчанию это текст, объясняющий, что «в письме содержится информация личного характера и ее распространение запрещено» и так далее. Сам сайт называет такой дисклеймер «не только раздражающим, но и юридически бесполезным», но позволяет его добавить. Текст дисклеймера можно заменить на любой другой и использовать его в качестве подписи к Banner – следующей вкладке. Баннер – это кликабельная картинка. Загрузите картинку, укажите ссылку и готово.
Следующей идет вкладка Style, она отвечает за изменение дизайна. Последняя вкладка Apps позволяет добавить ссылки на ваши приложения.
Hubspot Signature Generator
Hubspot Signature Generator – самый простой из перечисленных сервисов, и единственный полностью бесплатный. Минимальное количество функций не мешает создать неплохую email-подпись.
Первая вкладка Main включает в себя главную информацию, Social – ссылки на аккаунты в социальных сетях, Style позволяет менять дизайн, а CTA – добавить «призыв к действию». Последняя вкладка Certification отвечает за указание ваших сертификатов от сайта Hubspot. Положение элементов подписи меняем в списке Choose a theme for your signature.
Готово!
После завершения создания подписи в любом из перечисленных сервисов, появляется окошко с готовой подписью, которую вам остается только поместить в ваш почтовый клиент.
Советы по созданию email-подписи
Добавить в вашу подпись немного цвета – хорошее решение, которое придаст ей индивидуальности и выделит среди других писем, но не используйте слишком яркие, кислотные или блеклые цвета.
Хороший дизайн представит вашу информацию в наиболее читабельном виде. Соблюдайте определенную иерархию: первым выделите ваше имя, а затем перечислите по степени важности свои контакты.
Вот еще несколько советов по дизайну:
Не превращайте вашу email-подпись в документ MS Word, списки в ней будут выглядеть неуместно.
Она не оправдывает ваши опечатки и совершенно не нужна.
Анимация не только часто некорректно воспроизводится, но и добавляет лишнего веса вашему письму.
Этот совет звучит странно, но многие люди действительно так делают: подписывают адрес почтового ящика, с которого и отправляют письмо. Представьте, что хозяин дома на вечеринке представляет вам своего друга: «Знакомься, это Игорь», а тот говорит: «Приятно познакомиться, меня зовут Игорь». Зачем? Имя уже известно, не нужно его повторять. Так и с адресом почтового ящика.
Профиль в социальных сетях – это ваш личный бренд. Аккаунты могут многое рассказать о человеке и том, чем он занимается, а также позволяют связаться с вами лично. Поэтому добавление ссылок на ваши социальные сети – это отличная идея для email-подписи.
Вместо текстовых ссылок на социальные сети лучше использовать иконки. Они не только лучше вписываются в общий дизайн подписи, но и легко узнаваемы. Кроме того, иконки вместо ссылок сделают вашу подпись более компактной, оставляя место для другой важной информации. Если вы пользователь многих социальных сетей, то укажите несколько наиболее важных и регулярно обновляемых.
Не бойтесь использовать изображения в вашей email-подписи. Ваша собственная фотография сделает вас реальным человеком, а не неким автором письма, а добавление в подпись логотипа бренда способствует повышению его узнаваемости.
Убедитесь, что картинка корректно отображается во всех почтовых программах и хорошо выглядит на портативных устройствах.
Лучше не перегружать email-подпись большим объемом текста. Но если хочется разграничить информацию и сделать ее текст более читабельным, то стоит использовать разделители, например, вертикальную черту. Добавить ее можно в любом приложении для создания email-подписи.
Вы добавили в email-подпись ссылки на свои социальные сети или блог. Но как узнать, переходит ли кто-то по ним? Сделайте их отслеживаемыми и наблюдайте за статистикой посещаемости: для соцсетей можно использовать сокращатели ссылок, а для сайта или блога – UTM-метки.
Если вы работаете с людьми по всему миру, не забудьте указать код вашей страны перед номером телефона. Телефонные коды стран можно посмотреть тут.
«Призыв к действию» (call to action) – отличное дополнение вашей email-подписи. Он должен быть простым, актуальным и ненавязчивым. Лучше выполнять его в том же стиле, в котором написана вся email-подпись. Призывом к действию может быть предложение подписаться на ваш блог или посетить ваше выступление, поэтому его следует периодически обновлять.
По данным сайта Litmus, 56% электронных писем открываются на мобильных устройствах. Чем больше людей, использующих портативные гаджеты, тем больше внимания следует уделить корректному отображению на них любого вашего контента, в том числе и email-подписи. Убедитесь, что ваш текст достаточно крупный, чтобы хорошо читаться на небольшом экране, а на ссылки и иконки удобно нажимать пальцем. О том, как оптимизировать email-контент для мобильных устройств, читайте в нашей статье.
Почтовые клиенты могут принять письма с некорректными email-подписями за спам. Поэтому проверьте, не попадает ли ваше письмо в заветную папку.
Необязательно всегда повторять информацию в email-подписи, но если вы работаете с англоязычными партнерами, это может быть весьма полезно.
Важная мелочь
Даже такая незначительная, казалось бы, деталь, как email-подпись, может сыграть важную роль в продвижении вашего бизнеса и повлиять на ваш профессиональный имидж, поэтому стоит уделить время ее разработке. Для этого вы можете использовать как редактор в почтовых клиентах, так и специальные сервисы.
Подписи
«Подписи» это блоки текста, которые автоматически добавляется к каждому сообщению, которое вы посылаете (включая как новые сообщения так и ответы на входящие сообщения). Они обычно используются для предоставления дополнительной контактной информации, юридических условий или какой-либо другой шаблонной информации, которая имеет отношение к каждой электронной почте. Эта статья объясняет, как настроить и использовать подписи в Thunderbird.
Оглавление
О Подписях
Подпись электронной почты может быть похожа на эту:
The Big Example Organization
Подписи создаются в разделе Параметры Учетной записи Thunderbird. Щёлкните по Инструменты Правка | Параметры учетной записи, а затем, в левой панели, выберите учетную запись, для которой нужно создать подпись.
Если у вас несколько учетных записей электронной почты, необходимо настроить подписи отдельно для каждой учетной записи.
Подпись в виде обычного текста
Чтобы настроить обычную текстовую подпись, введите текст, который нужно приложить к каждому исходящему сообщению в поле текст Подписи. Текстовые подписи работают с сообщениями, отформатированными как в HTML, так и как текст.
. отображается в следующем виде.
HTML подписи
Для использования HTML форматирования в вашей подписи, установите Использовать HTML и отформатируйте текст Подписи с помощью нужной HTML разметки. Если вы отправляете сообщения в текстовом (а не HTML) формате, текстовые символы будут вставлены вместо HTML-разметки.
. отображается в следующем виде.
Подписи хранимые в файлах
Кроме того, вы можете загрузить файл, содержащий вашу подпись. Установите Вставлять подпись из файла и затем нажмите Выбрать. для выбора файла. Файл может содержать либо простой или HTML-форматированный текст. Если у вас есть подпись в HTML-формате, получатель сообщения должен иметь возможность просматривать сообщения в формате HTML в его программе электронной почты. Если он отключил эту возможность, подпись будет отображаться в текстовом формате, а изображения отображаться не будут.
Одним из способов создания файла подписи является использование средства составления сообщения Thunderbird. В качестве примера, создайте новое HTML-форматированное сообщение в Thunderbird ( Файл | Создать | Сообщение ). Убедитесь, что отображается панель инструментов форматирования.
Включение файлов изображений в подписи
В дополнение к выбору файла изображения, используйте этот диалог для настройки других параметров изображения, таких как размер, ссылка URL, его позиция по отношению к тексту и т.д.
Вы также можете указать изображение, расположенное на веб-сервере, как часть вашего вложения. Просто укажите URL изображения в поле, где вы могли бы указать имя файла. Если вы установите «Вложить это изображение в сообщение«, изображение будет включено как вложение. Если вы не вложите изображение, получатели сообщения должны будут иметь подключение к Интернету для просмотра изображения. Кроме того, имейте в виду, что по соображениям безопасности многие люди настраивают свои почтовые программы, чтобы блокировать удаленное содержимое, что не допускает отображение изображения, если оно не было прикреплено к сообщению.
Использование vCards
vCard это стандартный формат файлов для электронных визитных карточек. vCard могут содержать имя и адрес, номера телефонов, адреса электронной почты, URL-адреса, логотипы, фотографии и т.д. Если входящее сообщение имеет vCard в виде вложения, Thunderbird отображает содержимое vCard в качестве подписи. Thunderbird может быть настроен на прикрепление вашей vCard к исходящим сообщениям (автоматически или для каждого сообщения). Прочтите статью Как использовать электронную визитную карточку (vCard) для получения инструкций.
Положение Подписи
Этот параметр может быть настроен для каждой учетной записи и для каждого дополнительного адреса.
Эти прекрасные люди помогли написать эту статью:
Станьте волонтёром
Растите и делитесь опытом с другими. Отвечайте на вопросы и улучшайте нашу базу знаний.
Как создать подпись в почте. Пример внедрения jpeg или png в html
Пошаговая инструкция создания подписи в почте.
Предлагаю вам стандартную форму подписи почты для любых e-mail программ, такого вида:
С уважением,
Александр Мартынов
Генеральный директор ООО «Бипар»
телефон: +7-495-518-75-58
mailto: info@bpar.ru
И картинка в подписи почты, например, логотип организации
Предлагаемую подпись в почте легко изменить, придерживаясь инструкции.
И так, пошаговая инструкция создания подписи в почте:
Скачайте файл mail_signature.zip. Разархивируйте ( извлеките из архива ) по понятному вам пути, например в «Документы».
Откройте Notepad++. Если у вас не установлен Notepad++ ( удобный простой редактор текста ), то обязательно скачайте и установите. Ссылка на скачивание Notepad++.
Откройте Notepad++ и установите в универсальную кодировку
Откройте сохраненный и заранее разархивированный файл mail_signature.html. Вы увидите следующую картинку:
Отредактируйте подпись в письме, как вам угодно, придерживаясь пояснений и коментариев в файле.
Переходим к сложному, заключительному этапу создания подписи письма с логотипом. Получем, найдём или скачиваем с корпаротивного сайта логотип компании. Например так, нажимая на правую кнопку мыши на логотипе:
Для полноценной интеграции изображения ( логотипа или иной картинки ) в универсальную подпись письма в формате html, нам требуется конвертировать изображение в формат Base64. Открываем, предварительно сохраненный файл логотипа ( *****.jpg или *****.png ) на странице бесплатного конвертера изображений
Кликните «show code» для получения строки, перекодированной в формат Base64, изображения логотипа.
Как находить клиентов с помощью подписи в email 📧
Хотите узнать способ заинтересовать людей вами и вашими проектами, который к тому же ничего не стоит? Обратите внимание на подпись к рабочему email, с которого вы переписываетесь с потенциальными клиентами, партнерами и читателями.
В статье:
В 1996 году два друга запустили email-сервис Hotmail. Рекламы в интернете не было, сервисом пока пользовались только их друзья. Нужно было сделать так, чтобы и другие о нем узнали. Создатели добавили в подпись каждого письма, отправленного пользователем из сервиса, фразу
«P.S: I love you. Get your free e-mail at Hotmail».
Это привело к росту регистраций до 3000 в день. За полгода пользователей стал миллион, спустя еще пять недель — два миллиона. Одно письмо с такой подписью, отправленное в Индию, через три недели привело оттуда 100 тыс клиентов.
В 2021 году таких ошеломительных результатов ждать не стоит. Тем не менее, подпись к электронному письму и сейчас поможет рассказать собеседнику о ваших проектах и услугах, заинтересовать его посетить сайт или подписаться на вас в соцсетях.
Подпись увидит и человек, кому переслали ваше письмо, так что о вас узнает больше людей. Со временем она может дать ощутимый прирост подписчиков или клиентов, причем ее создание бесплатно и занимает меньше получаса.
Советы по превращению подписи в маркетинговый инструмент мы подсмотрели у Крис Фаральдо в блоге Ittybiz. Примерно раз в месяц она пересматривает подпись к рабочим письмам, чтобы привлечь больше клиентов и увеличить продажи инфопродуктов. С тех пор, как она этим занимается, она стала замечать небольшой, но ощутимый рост.
Как сделать полезную маркетинговую подпись в e-mail
Содержание подписи зависит от того, что вы хотите, чтобы люди сделали. Подпись — это контейнер с одним или несколькими призывами к действию. Нужно решить, какие действия важны для вас.
К примеру, для Крис Фаральдо важно, чтобы пользователи выполняли такие действия:
Связались со ней по поводу услуг писателя или копирайтера.
Зашли в ее интернет-магазин и посмотрели ассортимент инфопродуктов.
Для этого понадобятся два призыва и две ссылки.
Чем меньше призывов к действию, тем лучше
Подписи уделяют немного внимания, особенно если знакомы с человеком, который прислал электронное письмо. Поэтому важно сделать подпись заметной, чтобы обратить на нее внимание, но не перегруженной.
Чем больше элементов, тем меньше внимания достанется каждому. Это касается ссылок, значков и даже цвета текста. Следите за читабельностью: возьмите стандартный шрифт и контрастный цвет для текста.
Если хотите, чтобы читатель выполнил действие, сделайте меньше вариантов для перехода. Наличие ссылки в подписи не гарантирует, что по ней перейдут, поэтому кратко поясните, чем это будет полезно, что ждет пользователя после перехода.
Как выбрать то, что будет входить в подпись
Выделите от одного до трех действий, которые вы хотите от пользователя, и расположите их по приоритетности. Верхнее — самое важное.
Подумайте, как скомпонуете подпись. Обычно крупно выделяют имя и фамилию, чуть мельче должность и еще мельче призывы к действию. Обязательно покажите цветом и подчеркиванием, что ссылки кликабельны.
В примере Крис главный призыв касается ее копирайтерских услуг. Его она оформила небольшой строкой текста сразу под должностью. Менее важное напоминание — заглянуть в магазин. Его она отделила отступом и поместила в PS.
Вместо фотографии она взяла фото своего кота, которое использует как аватар в блоге.
Пример подписи Крис Фаральдо
Если у вас есть третий призыв, тоже отделите его от остальных и следите, чтобы он не отвлекал от самых важных. Подпись не должна выглядеть перегруженной, сокращайте формулировки.
Крис хотела добавить ссылку на профиль в Twitter, других соцсетей она не использует. Но первые две ссылки на услуги и магазин гораздо приоритетнее, ей важнее получить нового клиента, чем нового подписчика в Twitter. Ссылка бы отвлекала часть внимания на себя.
Попробуйте несколько разных версий и посмотрите, какая из них лучше всего привлекает внимание к вашим призывам к действию. Чтобы отслеживать переходы из писем, поставьте на ссылки UTM метки.
Вам может быть важна другая информация: номер телефона, соцсети для связи, ссылка на ваш инструмент или материал. Каждый дополнительный элемент будет отвлекать от других, так что оценивайте полезность и ранжируйте по приоритетности. Слоган вашей компании вряд ли нужен в подписи, а вот ссылка на каталог с новыми предложениями или гайд вашего авторства может быть полезен.
Как создать подпись для писем в Gmail, Яндекс.Почте или Mail.ru
Конструкторы рассылок генерируют письма с красивыми шаблонами и подписями. Бесплатные и платные сервисы мы собрали в этом списке.
Можно пойти простым путем: создать шаблон подписи в Microsoft Word или Google Docs и добавить его в почтовый клиент.
Как создать шаблон подписи
Сделаем лаконичную подпись, к примеру, как у Крис Фаральдо — с фото и описанием со ссылками на нужные проекты.
Мы собрали шаблон для создания подписи, чтобы вам не нужно было делать таблицу и двигать столбцы. Для редактирования скачайте или его скопируйте в свой документ.
Как сделать такую подпись самостоятельно:
В пустом документе создаем таблицу с тремя столбцами. Нужно три, чтобы одним из них регулировать отступ в середине.
Выберите фотографию. Фото в круге будет смотреться эстетичнее, ниже мы покажем, как его сделать.
Добавьте фото в первый столбец. Для почтовых сервисов залейте фото в фотохостинг и используйте ссылку.
В третьем напишите имя и фамилию, выделите ее крупнее. Второй строкой укажите должность.
Отступите и добавьте призывы к пользователю. Редактор PR-CY использует эту почту для переписки с редакциями других площадок, так что в дополнительную информацию добавили напоминание о сути компании
Левую границу второго столбца покрасьте цветом и выберите толщину — это будет разделитель.
Остальным границам задайте толщину 0 пт.
Отрегулируйте отступ между фото и текстом с помощью столбца посередине.
Скопируйте, что получилось, и вставьте в окно в настройках почтового клиента.
Как добавить или изменить подпись в Gmail
Откройте сервис Gmail.
Нажмите на значок настроек, это шестеренка вверху справа.
Выберите «Все настройки».
Найдите пункт «Подпись» в разделе «Общие».
Вставьте ее в поле и сохраните изменения.
Настройки в сервисе
Как добавить или изменить подпись в Яндекс.Почте
Откройте сервис Яндекс.Почта.
Нажмите на значок шестеренки в правом верхнем углу.
Выберите «Личные данные, подпись, портрет».
Найдите окно для подписи.
Вставьте элементы, для фото используйте ссылку.
Нажмите «Добавить», чтобы она стала доступна.
Настройки в сервисе
Как добавить или изменить подпись в Mail.ru
Откройте сервис Mail.ru.
Нажмите на «Настройки» внизу слева.
Выберите «Все настройки» — «Имя и подпись».
Для редактирования нажмите на карандаш справа, для создания новой на «Добавить».
Вставьте готовый текст и залейте фотографию.
Бонус: как сделать круглое фото
Вырезать из обычного фото лицо в круге можно в бесплатных онлайн-сервисах, например: Скруглитель, IMGonline, инструмент в IT helper, редактор в Canva. Либо в графических редакторах.
Как вырезать круглое фото в Adobe Photoshop:
Откройте фото в программе.
Выберите инструмент «Овальная область».
Зажмите Shift, чтобы область не растягивалась, а приобрела форму круга.
Выделите область, переместите мышью на нужное место
Кликните правой кнопкой мыши на область в круге и выберите «Скопировать на новый слой». Предыдущий слой удалите.
Кадрируйте изображение по границам круга.
Сохраните его в формате PNG с прозрачным фоном.
Хорошо составленная подпись может привлечь клиентов
Создать подпись для email быстро и ничего не стоит. Зато краткое пояснение, чем вы полезны, призыв к действию и ссылки могут заинтересовать адресатов ваших писем. Кто-то перейдет по ссылке или задумается о том, чтобы стать вашим клиентом. Это не суперэффективный инструмент, но кто знает, может, из почты к вам придет ваш любимый клиент.
Расскажите, что у вас в подписи к email?