Перейти до вмісту
Intum — Довідковий центр

Готові шаблони професійних підписів e-mail для копіювання

Оновлення: 3 хв читання

Хочете, щоб повідомлення, надіслані з Intum, виглядали сучасно та професійно, але не маєте часу самостійно програмувати HTML? Ми підготували для вас 4 готові, перевірені шаблони підписів, які автоматично підлаштуються під кожного працівника та поштову програму.
Усі наведені нижче шаблони використовують інтелектуальні змінні системи, що означає, що після вставлення коду система сама вставить у відповідні місця ім’я, прізвище, телефон відправника та повні реєстраційні дані фірми.

Важливо: як правильно вставити шаблон?

Щоб підпис відображався правильно, вам потрібно вставити його як вихідний код.

  1. Скопіюйте весь один рядок коду вибраного шаблону із сірої рамки.
  2. У системі перейдіть до редагування своєї скриньки чи налаштувань підпису облікового запису.
  3. У редакторі підпису повністю очистіть вміст, а потім перемкніть вигляд на Джерело / HTML (значок <> або кнопка html).
  4. Вставте скопійований код і натисніть Зберегти.

Шаблон 1: Класичний та Бізнесовий (із синім акцентом)

  • Для кого: Універсальний, дуже елегантний корпоративний макет. Має виразну вертикальну лінію кольору глибокої синяви, яка ідеально відділяє фото працівника від його контактних даних. У самому низу розташований чіткий розділ з реєстраційними даними фірми.

Код для копіювання (один рядок):
HTML

<table style="font-family:Arial,sans-serif;font-size:14px;color:#333333;line-height:1.5;border-collapse:collapse;"><tr><td style="padding-right:15px;vertical-align:top;">{{avatar_medium}}</td><td style="vertical-align:top;border-left:2px solid #0052cc;padding-left:15px;"><strong style="font-size:16px;color:#0052cc;">{{first_name}} {{last_name}}</strong><br><span style="color:#718096;font-style:italic;">{{department_name}}</span><br><span style="display:inline-block;margin-top:5px;color:#333333;"><strong>E-mail:</strong> <a href="mailto:{{email}}" style="color:#0052cc;text-decoration:none;">{{email}}</a><br><strong>Тел.:</strong> {{phone}}</span></td></tr><tr><td colspan="2" style="padding-top:15px;padding-bottom:15px;"><hr style="border:0;border-top:1px solid #e2e8f0;margin:0;"></td></tr><tr><td colspan="2" style="font-size:12px;color:#718096;line-height:1.6;"><strong style="color:#2d3748;font-size:13px;">{{company_name}}</strong><br>{{company_street}} {{company_street_number}}, {{company_post_code}} {{company_city}}<br><strong>NIP:</strong> {{company_tax_no}} \| <strong>WWW:</strong> <a href="{{company_website}}" target="_blank" style="color:#0052cc;text-decoration:none;">{{company_website}}</a></td></tr></table>

Шаблон 2: Сучасний мінімалізм (лінійний)

  • Для кого: Винятково візуально легкий дизайн без рамок і табличних поділів. Ідеальний для креативних агенцій, стартапів та осіб, які цінують простоту. Контактні дані відділені сучасними, естетичними крапками.

Код для копіювання (один рядок):
HTML

<table style="font-family:Arial,sans-serif;font-size:13px;color:#333333;line-height:1.6;border-collapse:collapse;background-color:transparent;"><tr><td style="padding-bottom:5px;"><strong style="font-size:16px;color:#111111;">{{first_name}} {{last_name}}</strong> <span style="color:#718096;margin-left:5px;">\|</span> <span style="color:#4a5568;margin-left:5px;">{{department_name}}</span></td></tr><tr><td style="padding-bottom:10px;color:#333333;"><strong>M:</strong> <a href="mailto:{{email}}" style="color:#0052cc;text-decoration:none;">{{email}}</a> <span style="color:#cbd5e0;margin-left:8px;margin-right:8px;">•</span> <strong>T:</strong> <span style="color:#333333;">{{phone}}</span> <span style="color:#cbd5e0;margin-left:8px;margin-right:8px;">•</span> <strong>W:</strong> <a href="{{company_website}}" target="_blank" style="color:#0052cc;text-decoration:none;">{{company_website}}</a></td></tr><tr><td style="border-top:1px dashed #cbd5e0;padding-top:10px;font-size:12px;color:#718096;"><strong style="color:#2d3748;">{{company_name}}</strong>, {{company_street}} {{company_street_number}}, {{company_post_code}} {{company_city}} <span style="color:#cbd5e0;margin-left:5px;margin-right:5px;">\|</span> NIP: {{company_tax_no}}</td></tr></table>

Шаблон 3: Сучасний блоковий (з контрастним заголовком)

  • Для кого: Виразний і дуже сучасний дизайн для фірм, які хочуть вирізнити свої повідомлення. Верхня частина підпису нагадує професійний банер - поєднує яскравий синій блок для фото працівника з елегантною темно-сірою панеллю для імені та посади. Контактні дані нижче укладені в чіткий список з естетичними значками, а все разом чудово виглядає у світлому режимі відображення

Код для копіювання (один рядок):
HTML

<table style="font-family:Arial,sans-serif;font-size:13px;color:#333333;line-height:1.4;border-collapse:collapse;background-color:transparent;width:100%;max-width:450px;"><tr><td style="background-color:#4da6ff;padding:10px;vertical-align:middle;width:65px;text-align:center;line-height:0;">{{avatar_medium}}</td><td style="background-color:#3d4043;padding:12px 15px;vertical-align:middle;"><strong style="font-size:16px;color:#ffffff;text-transform:uppercase;letter-spacing:0.5px;display:block;margin-bottom:2px;">{{first_name}} {{last_name}}</strong><span style="font-size:12px;color:#cbd5e0;">{{department_name}}</span></td></tr><tr><td colspan="2" style="padding-top:15px;padding-bottom:5px;"><table style="font-size:13px;color:#4a5568;width:100%;"><tr><td style="color:#4da6ff;font-weight:bold;width:25px;padding-bottom:8px;font-size:14px;">📍</td><td style="padding-bottom:8px;color:#333333;">{{company_street}} {{company_street_number}}, {{company_post_code}} {{company_city}}</td></tr><tr><td style="color:#4da6ff;font-weight:bold;padding-bottom:8px;font-size:14px;">📞</td><td style="padding-bottom:8px;color:#333333;">{{phone}}</td></tr><tr><td style="color:#4da6ff;font-weight:bold;padding-bottom:8px;font-size:14px;">✉️</td><td style="padding-bottom:8px;"><a href="mailto:{{email}}" style="color:#333333;text-decoration:none;">{{email}}</a></td></tr><tr><td style="color:#4da6ff;font-weight:bold;font-size:14px;">🌐</td><td><a href="{{company_website}}" target="_blank" style="color:#333333;text-decoration:none;font-weight:bold;">{{company_website}}</a></td></tr></table></td></tr><tr><td colspan="2" style="border-top:1px solid #e2e8f0;padding-top:8px;margin-top:5px;font-size:11px;color:#718096;"><strong style="color:#4a5568;">{{company_name}}</strong> \| NIP: {{company_tax_no}}</td></tr></table>

Шаблон 4: Бізнесовий Premium (трьохколонковий із соціальними мережами)

  • Для кого: Найбільш просунутий і розгорнутий шаблон для фірм, які хочуть сильно експонувати свої соціальні канали. Поряд із фото та контактними даними створює окрему, виділену колонку з прямими, клікабельними посиланнями на ваш Facebook, LinkedIn та Instagram.

Код для копіювання (один рядок):
HTML

<table style="font-family:Arial,sans-serif;font-size:13px;color:#333333;line-height:1.4;border-collapse:collapse;background-color:transparent;"><tr><td style="padding-right:20px;vertical-align:top;width:90px;">{{avatar_large}}</td><td style="vertical-align:top;border-left:3px solid #1a365d;padding-left:20px;padding-right:20px;"><strong style="font-size:17px;color:#1a365d;display:block;margin-bottom:2px;">{{first_name}} {{last_name}}</strong><span style="font-size:12px;color:#4a5568;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:10px;">{{department_name}}</span><table style="font-size:13px;color:#333333;"><tr><td style="padding-bottom:3px;font-weight:bold;color:#1a365d;width:25px;">E:</td><td style="padding-bottom:3px;"><a href="mailto:{{email}}" style="color:#0052cc;text-decoration:none;">{{email}}</a></td></tr><tr><td style="padding-bottom:3px;font-weight:bold;color:#1a365d;">T:</td><td style="padding-bottom:3px;color:#333333;">{{phone}}</td></tr><tr><td style="font-weight:bold;color:#1a365d;">W:</td><td><a href="{{company_website}}" target="_blank" style="color:#0052cc;text-decoration:none;">{{company_website}}</a></td></tr></table></td><td style="vertical-align:top;border-left:1px solid #cbd5e0;padding-left:20px;font-size:11px;color:#4a5568;line-height:1.6;"><strong style="color:#1a365d;display:block;margin-bottom:5px;">Стежте за нами:</strong><a href="{{company_facebook}}" target="_blank" style="color:#0052cc;text-decoration:none;display:block;">• Facebook</a><a href="{{company_linkedin}}" target="_blank" style="color:#0052cc;text-decoration:none;display:block;">• LinkedIn</a><a href="{{company_instagram}}" target="_blank" style="color:#0052cc;text-decoration:none;display:block;">• Instagram</a></td></tr><tr><td colspan="3" style="padding-top:15px;font-size:11px;color:#4a5568;border-top:1px solid #cbd5e0;margin-top:15px;line-height:1.5;"><strong style="color:#1a365d;font-size:12px;">{{company_name}}</strong><br>{{company_street}} {{company_street_number}}, {{company_post_code}} {{company_city}} \| NIP: {{company_tax_no}} \| REGON: {{company_register_number}}</td></tr></table>

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

Чи була ця інформація корисною?

Поділитися

Коментарі