Подписи HTML могут сделать вашу почту привлекательной. Подписи не только делают вашу почту привлекательной; это также может помочь вам узнать больше о ваших клиентах. Вы можете сделать простую и элегантную подпись электронной почты без каких-либо знаний кодирования, которые могут впечатлить ваших клиентов

Теперь давайте рассмотрим несколько простых шагов, которые помогут вам создать подписи электронной почты для Gmail ID или любого другого почтового клиента.

Включить подписи HTML в Gmail

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

Здесь вы можете скопировать и вставить HTML-код для создания подписи электронной почты. Теперь, когда вы включили подпись в Gmail, и давайте посмотрим, как ее создать.

Создать HTML-подпись для электронных писем

Подписи могут быть вашей цифровой визитной карточкой, которая добавляет привлекательности зрителю. Существуют разные методы создания подписей HTML без каких-либо хлопот. Если вы знаете язык программирования, вы можете написать его так, как вам хочется. Мы объясняем код HTML Signature как демонстрацию, чтобы получить точное представление о структуре, стандартном размере изображения и других элементах, которые вы должны использовать, чтобы получить желаемый результат. Еще один совет - использовать таблицы для структурирования содержимого подписи.

Создание базовой структуры подписи HTML

Это руководство состоит из пяти частей, которые следуют за созданием таблицы и добавлением логотипа компании, сведений, кнопок социальных сетей и текста заявления об отказе от ответственности. Таблица должна быть внутри блока div, потому что считается хорошей практикой хранить ваши вещи внутри тегов. Обратите внимание, что код работает, даже если теги и отсутствуют.

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

Добавить логотип компании в подписи HTML

Вы можете добавить свое изображение Headshot вместо логотипа компании; это зависит от вашего требования. Поскольку нам нужно добавить изображение, вы должны разместить его где-нибудь в Интернете. Убедитесь, что ваше изображение доступно публично. Мы используем imgur для демонстрации. Зайдите на imgur, нажмите на Новый пост в верхнем левом углу. Загрузите изображение, нажав на кнопку обзора . Вы также можете использовать Google Drive, Dropbox или любую другую платформу, которую вы считаете подходящей, в качестве альтернативы.

Вы можете отредактировать ссылку ' href ', чтобы перевести пользователя на веб-сайт вашей компании, и ссылку ' src', чтобы добавить ссылку на источник изображения, которое вы разместили в Интернете.

Добавить детали в подписи HTML

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

Кнопки социальных сетей в подписи HTML 
Кроме того, вы можете использовать индивидуальные социальные иконки по вашему выбору из IconFinder. Есть много бесплатных иконок на выбор. Вы также можете приобрести любую из премиальных иконок, если вам нравится какая-либо из них. Найдите нужную фигуру и выберите размер 32 * 32. Вы можете изменить на любой размер согласно презентации. Здесь мы определили размер 20 * 20 пикселей для всех социальных иконок. Здесь все, что вам нужно изменить, это ссылки на профили в социальных сетях, замените « # » на ваш профиль в href.
Кайван Доши
Создатель контента
телефон: +1 (929) 999-9999
мобильный: +1 (929) 999-9999
электронная почта:
Адресная строка 1
Адресная строка 2

Отказ от ответственности в подписи HTML

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

 ДОБАВИТЬ отказ от ответственности Текст Здесь

Не стесняйтесь использовать вышеуказанный код и вносить изменения в соответствии с требованиями. После того, как вы закончили размещать код в одном месте, подпись HTML будет выглядеть следующим образом.

К сожалению, вы не можете использовать какие-либо элементы JavaScript для стилизации, так как Gmail блокирует любой контент javascript внутри электронного письма. Обратите внимание, что более сложные свойства CSS, которые выполняют анимацию, могут не работать.

HTML подпись в Gmail

Сложность в том, что Gmail не предоставляет вам редактор HTML, вы получаете расширенный текстовый редактор типа WYSIWYG («Что видишь, то и получаешь»). Чтобы преодолеть эту проблему, просто запустите HTML-код в любом браузере. Выберите все и скопируйте и вставьте его в область подписи Gmail. Прокрутите вниз и нажмите Сохранить изменения, чтобы изменения вступили в силу.

Онлайн инструменты для создания подписи HTML

Для тех, у кого нет времени на кодирование своей подписи, можно использовать онлайн-инструменты, которые могут создать структуру для вас. Некоторые из простых в использовании инструментов: Mail Signatures, MySignature, Signature. Инструменты, упомянутые выше, предлагают детальную настройку, и подпись может быть сделана в течение 5 минут. Вы можете добавлять различные социальные кнопки, изображения, сертификаты и многое другое. Существуют варианты добавления текста отказа от ответственности, а также кавычек в конце подписи. После того, как вы создадите идеальную подпись, все, что вам нужно сделать, это скопировать и вставить ее в текстовом редакторе в разделе «Подпись» в настройках Gmail. Обязательно сохраните изменения перед выходом.

Для демонстрации мы использовали бесплатный создатель электронной подписи Exclaimer. Здесь вы можете персонализировать подпись в соответствии со своими интересами. Это также позволяет менять цветовые схемы. В разделе «Макет» вы можете выбрать стиль шаблона, который подходит вам лучше всего. В разделе «Сведения» необходимо добавить личную информацию, такую ​​как имя, название компании и веб-сайт, адрес электронной почты, номер телефона и т. Д.

Ссылка на сайт: HTML Signature Creator.

Вы также можете добавить настроенный текст заявления об отказе от ответственности, а также загрузить логотип компании. Когда вы закончите играть с инструментом Signature, перейдите в раздел установки и выберите Highlight Signature . Наконец, скопируйте и вставьте его в разделе «Подпись» в настройках Gmail.

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

Создать HTML-подпись для Gmail

Почтовый маркетинг берет около 35% от продаж продукта каждый год. Очень важно правильно составить письмо, чтобы получить больше конверсий. Одна часть, которую пропускает большинство бизнес-структур, - это креативный, но простой дизайн. Завершение почты безупречно может быть тяжелой работой.

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