How_to_Design_a_Signature_for_Your_Emails___Cover_Image___Stripo
04 жовтня 2022

Як створити HTML-підпис листа

Створити власний підпис листа
Зміст
  1. Як створити HTML-підпис листа для особистого листування
  2. Генератори підписів листів
  3. Як створити підпис листа для розсилок за допомогою Stripo
  4. На завершення
1.
Як створити HTML-підпис листа для особистого листування

Професійно складений HTML підпис листа допомагає просувати особистий бренд і бренд компанії, збирати слухачів для вебінарів, продавати товари, консультувати, підтримувати фірмовий стиль і багато іншого. Наприклад, 82% digital-маркетологів використовують підписи листів для кампаній з підвищення впізнаваності бренду. Щоб поліпшити ваші email-кампанії, ми вирішили зібрати спеціальний гайд з додавання HTML-підписів до персональних листів у Gmail, Outlook, Apple Mail і Yahoo, а також навчити вас додавати підписи до розсилок за допомогою Stripo

Як створити HTML-підпис листа для особистого листування

1. HTML-підпис листа в Gmail

Отже, давайте почнемо з додавання підпису HTML-листа до Gmail. Ми пройдемо всі необхідні кроки, щоб показати вам простий процес додавання підпису.

Як створити професійний підпис для свого акаунту в Gmail:

  • перейдіть до налаштувань;

  • потім знову натисніть на «налаштування»;

  • внизу сторінки ви побачите напис «Підпис»;

  • вставте зображення;

  • виберіть «маленький» розмір;

  • завантажте зображення іконок соцмереж;

  • додайте посилання до них;

HTML-підпис у Gmail

(Джерело: Gmail)

  • у нижній частині сторінки натисніть «Зберегти Зміни»

  • готово.

Я протестувала свій підпис листа: надіслала повідомлення до різних поштових клієнтів та відкрила їх на різних десктопних та мобільних пристроях. Все спрацювало!

Тепер ваші підписи листів будуть креативними та красивими!

Ви також можете створити підписи для ділового та особистого листування за допомогою зовнішнього конструктора підписів для листів.

2. HTML-підпис листа в Outlook.com

Настав час поговорити про процес додавання підпису Outlook до вашого листа.

Як створити професійний підпис в акаунті Outlook:

  • перейдіть до «Налаштувань»;

  • потім виберіть «Переглянути всі налаштування Outlook»;

Підпис листа в Outlook

(Джерело: Outlook)

  • потім перейдіть на вкладку «Пошта»;

  • відкрийте вкладку «Скласти та відповісти»;

  • у новому вікні знайдіть секцію «Електронний підпис»;

  • введіть потрібний текст;

  • щоб додати соцмережі, завантажте їхні іконки як звичайні картинки;

Налаштування підпису для Outlook

(Джерело: Outlook)

  • виділіть кожну іконку та вставте відповідні посилання;

Додавання посилань до підпису в Outlook

(Джерело: Outlook)

  • якщо ви хочете автоматично додавати цей підпис до своїх листів, обов'язково встановіть обидва прапорці, як показано нижче;

Вибір місця додавання підписів Outlook

(Джерело: Outlook)

  • виберіть «HTML» як формат повідомлення, інакше Outlook.com додасть лише текстову частину вашого підпису без іконок та посилань;

  • натисніть «Зберегти».

Зберігання підписів у форматі HTML

(Джерело: Outlook)

Зверніть увагу, що у цьому поштовому клієнті можна додати кілька підписів користувача. У такому разі вам потрібно буде вибрати підпис перед надсиланням особистого листа.

3. HTML-підпис листа в Apple Mail

У поштовому сервісі Apple можна додавати в підпис тільки текстові елементи. І, звичайно, ви можете додати в нього посилання. Тепер давайте подивимося, як це робиться.

Як створити HTML-підпис листа в Apple Mail:

  • клікніть на Лист у лівому верхньому кутку;

  • потім на Налаштування;

  • перейдіть до вкладки Підпис;

Налаштування кастомізованого підпису листа в Apple Mail

(Джерело: Apple Mail)

  • якщо ви хочете додати посилання до підпису свого листа в Apple Mail, виділіть необхідний фрагмент тексту;

  • клікніть по ньому правою кнопкою миші та вставте своє посилання.

Додавання посилання у підпис в Apple Mail

(Джерело: Apple Mail)

Зверніть увагу, що в цьому поштовому клієнті можна додати кілька підписів. У цьому випадку вам потрібно буде вибрати підпис перед надсиланням особистого листа.

Кастомний підпис листа для Apple Mail

(Джерело: Apple Mail)

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

4. HTML-підпис листа в Yahoo

Наразі в поштовому клієнті Yahoo не можна додавати фотографії та зображення в підпис листа. Відповідно, не дозволяється використовувати й іконки соціальних мереж.

Однак ви можете додати посилання в підпис у Yahoo Mail.

Як створити кастомний HTML-підпис у Yahoo Mail:

  • клікніть по значку меню Налаштування;

  • перейдіть до вкладки «Складання листа»;

  • перемкніть кнопку Підпис;

  • введіть користувацький текст підпису;

Створення кастомного підпису до листа в Yahoo

(Джерело: Yahoo)

  • вставте посилання.

Ви можете додати будь-яку кількість посилань на соцмережі у свій кастомний підпис листа.

Приклад підпису в Stripo

(Джерело: лист від the Point)

Ви можете змінити підпис у будь-який момент.

Генератори підписів листів

На додаток до стандартних методів, про які ми розповіли вище, ви можете використовувати генератори HTML-підписів листів, щоб швидко створити HTML-підпис для свого листа. На даний момент на ринку існує досить багато різних популярних інструментів:Rocketseed (Платно);

  • Signature.email (Безплатно);

  • Hubspot Email Signature Generator (Безплатно);

  • MailSignatures (Платно);

  • WiseStamp (Платно);

  • MySignature (Платно);

  • New old stamp (Платно);

  • Gimmio (Платно);

  • Designhill (Безплатно);

  • Signature Maker (Платно);

  • Signatu.re (Платно);

  • Email Signature Rescue (Платно).

Вони допоможуть вам з легкістю створити шаблон підпису листа, який можна буде використовувати надалі на обраній вами email-платформі.

Як створити підпис листа для розсилок за допомогою Stripo

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

Існує три простих способи зробити це:

Спосіб 1. Використання готових Модулів Stripo

Stripo підготувала багато готових до використання модулів підпису листа. 

Виберіть будь-який, легко налаштуйте його, і ваш підпис готовий.

Місце зберігання підписів

(Джерело: Stripo)

Використовуйте наші готові Модулі з підписами, щоб заощадити час на створення листів
Приєднатися до Stripo

Спосіб 2. Використання професійних шаблонів підписів листа

Для зручності ми створили кілька шаблонів з різними прикладами підписів до листів.

Виберіть найкращий формат підпису листа з наших шаблонів, щоб одразу ж створити власний
Переглянути

Виберіть необхідний формат підпису, використовуйте його у своїх HTML-листах або просто надихніться прикладами для створення нового підпису з нуля.

Спосіб 3. Створення професійного підпису листа з нуля, використовуючи Stripo як генератор підписів

Якщо жодний зі створених нами підписів не відповідає вашим вимогам, ви можете створити його з нуля.

Ми покажемо, як створити підпис, подібний до наведеного нижче.

Підписи листів _ Створення підписів з нуля

(Джерело: Stripo)

Щоб створити такий підпис, вам потрібно:

  • перетягнути структуру з двома колонками у свій шаблон;

Дизайн підпису листа _ Перетягування структур до шаблонів

(Джерело: Stripo)

  • перетягнути блок Картинка;

  • завантажити зображення потрібної форми;

  • до другого контейнера додати блок Картинка для фото вашого рукописного підпису;

  • нижче вставити блок Текст для введення свого імені. Не забудьте налаштувати необхідні стилі на панелі інструментів;

Підпис листа _ Створення підписів

(Джерело: Stripo)

  • щоб додати номер телефону та назву сайту з іконками до шаблону підпису листа, необхідно перетягнути блок Меню та задати тип меню «Іконки та посилання»;

Посилання в підписах листів

(Джерело: Stripo)

  • завантажити свої користувацькі значки;

  • у полях «Пункт» ввести назву вашого сайту, номер телефону тощо;

 Дизайн підпису листа _ Блоки меню

(Джерело: Stripo)

  • тепер, щоб додати посилання до облікових записів в соцмережах, потрібно перетягнути блок «Соцмережі» у свій шаблон;

  • оформити його відповідно до ваших потреб;

  • додати посилання на свій соціальний профіль;

  • щоб додати горизонтальний розділювач, потрібно клікнути по лівому контейнеру з фото;

  • увімкнути «Рамку» у бічній панелі налаштувань;

  • встановити необхідний стиль границі для «Лівої» сторони цього контейнера.

За бажанням ви можете додати логотип своєї компанії.

Створення підпису листа в Stripo _ Додавання розділювачів

(Джерело: Stripo)

Збережіть готовий підпис для подальшого використання

Обов'язково збережіть цей модуль у власній бібліотеці, щоб використовувати його в майбутніх кампаніях.

Вам потрібно буде просто вставити цей підпис у свій шаблон і трохи відредагувати його, якщо це необхідно.

Багаторазові модулі

(Джерело: Stripo)

На завершення

Як бачите, створення підписів листів — доволі простий процес, і вам не потрібно розбиратися в каскадних таблицях стилів і володіти технічними знаннями. Проте додавання підпису листа важливе для підтримки впізнаваності бренду, просування вашої компанії, послуг або вас як особистості. Завдяки Stripo створення і додавання підпису ще ніколи не було таким простим.

Створіть власний підпис листа за допомогою платформи email-дизайну Stripo
Чи була ця стаття корисна?
Tell us your thoughts
Дякуємо за ваш відгук!
4 коментарів
Md. Galib Hossain 4 місяці тому
To see this tutorial, I have just made an Email Signature through stripo. But after pasting the code in Gmail, It informed too long code. Not work finally.
Anton Diduh 1 місяць тому
Hi. This article is aimed to show how to create a signature without using code or signature generators. If you need a better solution, we have a dedicated email signature generator with full-fledged guide in using it. https://stripo.email/blog/how-to-design-an-email-signature-with-stripo/
Strops Marketing (Strops) 1 рік тому
Can I build a nice e-mail signature in Stripo then export the HTML for use in my personal e-mails? Like Apple Mail or Gmail?
Ганна Кузнєцова 1 рік тому
Hello, Strops Marketing. Thank you for your question. Yes, you can. We released an email signature generator a few weeks after we'd published this article. The generator is easy to use and has a step-to-step guide. https://stripo.email/signature-generator-tool/ We wish you the best of luck.
Тип
Індустрія
Сезони
Інтеграції
Редактор Stripo
Спростіть процес створення листів.
Плагін Stripo
Інтегруйте Drag-n-Drop редактор Stripo у свій веб-додаток.
Замовити власний шаблон
Наша команда може розробити і зверстати його для вас. Просто заповніть бриф, і ми зв'яжемося з вами найближчим часом.