Як створити підпис HTML у Gmail?



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

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

Увімкніть підписи HTML у Gmail

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

Тут ви можете скопіювати і вставити HTML-код для створення підпису електронної пошти. Тепер, коли ви ввімкнули підпис у Gmail, подивіться, як його створити.

Створення підпису HTML для електронних листів

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

Створення базової структури HTML-підпису

Цей підручник складається з п'яти частин, які слідують за створенням таблиці та додаванням логотипу компанії, відомостей, кнопок соціальних медіа та тексту відмови від неї. Таблиця повинна бути в блоці div, тому що вважається гарною практикою зберігати ваші матеріали всередині тегів. Зверніть увагу, що код працює, навіть якщо теги і немає.

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

Додати логотип компанії в підпис HTML

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

Ви можете редагувати посилання " href ", щоб перевести користувача на веб-сайт вашої компанії, і посилання " src", щоб додати посилання на джерело зображення, яке розміщено в Інтернеті.

Додайте деталі в підпис HTML

Наступна частина полягає в тому, щоб додати такі дані, як ім'я, номер телефону, адреса, електронна пошта для підпису. Ви можете додати або видалити будь-яку з речей, просто видаливши цю частину коду, або навіть змініть послідовність деталей, переставивши код. Ми врахували всі подробиці для демонстраційної мети. Тут ми робимо окрему таблицю, яка знаходиться всередині головної таблиці, і розміщуємо всі деталі в рядку таблиці таким чином:

Кнопки соціальних медіа у підписі HTML

Крім того, ви можете використовувати індивідуальні соціальні іконки за вашим вибором з IconFinder. Існує безліч безкоштовних іконок. Ви також можете придбати будь-яку з преміальних іконок, якщо вам подобається будь-яка з них. Знайдіть малюнок і виберіть розмір 32 * 32 для правильного вигляду. Ви можете змінити будь-який розмір відповідно до презентації. Тут ми визначили розмір 20 * 20 px для всіх соціальних ікон. Тут потрібно лише змінити посилання на профіль соціальних медіа, замінити " # " своїм профілем у href.

Kaivan Doshi
Творця вмісту
Телефон: +1 (929) 999-9999
мобільний: +1 (929) 999-9999
email:
Рядок адреси 1
Адресний рядок 2

Відмова від відповідальності в підписі HTML

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

 ADD disclaimer Текст тут

Ви можете скористатися наведеним вище кодом і внести зміни, як це потрібно. Після того, як ви закінчите розміщення коду в одному місці, підпис HTML буде виглядати наступним чином.

На жаль, ви не можете використовувати будь-які елементи JavaScript, щоб створити його, оскільки Gmail блокує будь-який вміст javascript в електронному листі. Зверніть увагу, що більш складні властивості CSS, які роблять анімації, можуть не працювати.

Підпис HTML у Gmail

Важливо те, що Gmail не надає вам HTML-редактор, ви отримуєте текстовий редактор WYSIWYG (що ви бачите, що ви отримуєте). Щоб подолати цю проблему, просто запустіть HTML-код у будь-якому веб-переглядачі. Виберіть все і скопіюйте його в область підпису Gmail. Прокрутіть вниз і натисніть кнопку Зберегти зміни, щоб зміни відбулися ефективно.

Інструменти для створення підпису HTML

Для людей, які не встигають кодувати свій підпис, можна використовувати онлайн-інструменти, які можуть створити структуру для вас. Деякі з простих у використанні інструментів - підписи електронної пошти, MySignature, Signature. Зазначені вище інструменти надають велику деталізацію, а підпис можна зробити протягом 5 хвилин. Ви можете додавати різні соціальні кнопки, зображення, сертифікати та багато іншого. Є опції для додавання тексту відмови, а також котирування в кінці підпису. Після створення ідеального підпису потрібно лише скопіювати його та вставити в текстовий редактор у розділі "Підпис" у налаштуваннях Gmail. Переконайтеся, що ви зберегли зміни, перш ніж вийти.

Для мети демонстрації ми використали безкоштовний електронний підпис електронної пошти Exclaimer. Тут ви можете персоналізувати підпис відповідно до ваших інтересів. Вона також дозволяє змінювати колірні схеми. У розділі "Макет" ви можете вибрати стиль шаблону, який вам найбільше підходить. У розділі "Подробиці" потрібно додати особисту інформацію, наприклад назву, назву компанії та веб-сайт, адресу електронної пошти, номер телефону тощо.

Посилання на сайт: Творець HTML підпису.

Ви також можете додати власний текст відмови, а також ви можете завантажити логотип компанії. Коли ви закінчите грати з інструментом "Підпис", перейдіть у розділі "Встановити" і виберіть Підписати підсвітку . Нарешті, скопіюйте та вставте його в розділі Підпис у налаштуваннях Gmail.

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

Створити підпис HTML для Gmail

Електронний маркетинг щороку займає кредит близько 35%. Найкраще правильно розробляти пошту, щоб отримати кращі конверсії. Одна частина, яку більшість суб'єктів господарювання втрачають, - це творчий, але простий дизайн. Закінчення пошти бездоганно може бути важкою роботою.

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

Попередня Стаття

Як відтворити місцеву музику на домашній сторінці Google з Windows & Mac?

Як відтворити місцеву музику на домашній сторінці Google з Windows & Mac?

Домашня сторінка Google може працювати як динамік Bluetooth для відтворення місцевої музики з Windows і Mac. Домашня сторінка Google побудована з високим динаміком екскурсії для кристально чистого звуку та пасивних радіаторів, які забезпечують звук Hi-Fi. Ви можете відтворювати пісні з Google Play Музики, Spotify або Pandora за допомогою голосових команд на домашній сторінці Google. Але що ви робите для відтворення місцевих пісень н...

Наступна Стаття

Як налаштувати автозаповнення в Safari для економії часу.

Як налаштувати автозаповнення в Safari для економії часу.

Функція автозаповнення в Safari надзвичайно корисна, коли ви заповнюєте форму на веб-сайті. Окрім особистої інформації, Safari може автоматично заповнювати інформацію про кредитну картку, яка є безпечною, ніж ручне заповнення. Safari прекрасно працює на різних пристроях і платформах, щоб заповнити інформацію PI, наприклад пристрої iOS. Функція автозаповнення на Mac OS дуже корисна, якщо ви частіше від...