Generator Tanda Tangan Email

Mengapa HTML berbasis tabel?

Klien email memproses HTML secara tidak konsisten. Outlook memakai mesin rendering Word yang mengabaikan sebagian besar CSS modern (tidak mendukung flexbox, grid, dan hanya sedikit mendukung box-shadow). Tata letak tabel dengan gaya inline adalah satu-satunya pola yang dirender dengan pasti oleh semua klien utama. Generator ini menulis persis gaya ringkas tersebut, sehingga tanda tangannya tampak sama di Gmail, Outlook desktop, Outlook web, Apple Mail, dan iOS Mail.

Apa yang dihasilkan generator

Hasilnya berupa tabel sederhana: nama Anda dicetak tebal di baris pertama, jabatan atau perusahaan di bawahnya, lalu kontak Anda di baris terakhir yang dipisahkan oleh garis vertikal:

<table cellpadding="0" cellspacing="0" style="font-family: Arial, sans-serif; font-size: 14px; color: #111827;">
  <tr><td style="font-weight: 700; font-size: 16px;">Alex Rivera</td></tr>
  <tr><td>Lead Designer</td></tr>
  <tr><td style="padding-top: 8px;">alex@example.com | +34 600 000 000 | example.com</td></tr>
</table>

Kolom yang dibiarkan kosong cukup dilewati, jadi tanda tangan yang hanya berisi nama dan email tetap ringkas.

Apa saja yang sebaiknya ada dalam tanda tangan

Wajib ada:

• Nama lengkap.
• Jabatan atau peran.
• Nama perusahaan.
• Kontak langsung (email atau telepon).

Tambahan yang berguna:

• URL LinkedIn atau tautan ke situs web pribadi.
• Nomor telepon untuk peran yang berhubungan dengan klien.

Hindari:

• Kutipan motivasi yang panjang.
• GIF animasi (banyak klien menghapus animasi).
• Gambar besar (memperlambat pemuatan email dan ditandai sebagai “berat”).
• Pernyataan “kerahasiaan” lebih dari 2-3 baris, kecuali diwajibkan oleh hukum.
• Dinding ikon media sosial untuk setiap jaringan yang pernah Anda daftari.

Menambahkan foto atau logo belakangan

Generator ini hanya menghasilkan teks. Untuk menambahkan foto atau logo, tempel HTML yang dihasilkan ke editor tanda tangan aplikasi email Anda dan gunakan kontrol gambarnya, atau ubah HTML-nya dengan menambahkan tag img yang menunjuk ke gambar yang dihosting. Gambar harus berada di URL yang dapat diakses publik:

• CDN perusahaan: paling cocok untuk tanda tangan bisnis; tim TI Anda bisa menghostingnya di bawah domain merek.
• Host gambar gratis (imgur, paket gratis Cloudinary): cepat dan gratis; ada risiko host-nya mati.
• Penyematan Base64: menghindari hosting tetapi memperbesar setiap email 20-50 KB dan dihapus oleh beberapa konfigurasi Outlook.

Buat gambar tetap kecil: di bawah 20 KB, persegi, 120x120 atau lebih kecil.

Keunikan khusus Outlook

• Lebar: pertahankan di bawah 600px; tanda tangan yang lebih lebar terpotong di panel pratinjau.
• Font: gunakan Arial, Helvetica, Georgia, Verdana, atau tumpukan seperti font-family: "Segoe UI", Arial, sans-serif;.
• Warna: hindari #000 murni; #333 atau #444 tampil lebih baik di Outlook mode gelap.
• Jangan gunakan variabel CSS, flex, grid, atau SVG sebagai elemen utama.

Pernyataan hukum

Sebagian yurisdiksi (Companies Act 2006 Inggris, persyaratan UE untuk entitas tertentu) mewajibkan nama, nomor, dan alamat perusahaan terdaftar dalam email bisnis. Tambahkan sendiri informasi yang diwajibkan, baik di kolom jabatan dan perusahaan maupun dengan mengedit HTML setelahnya, dan pastikan bersama tim hukum Anda apakah pasar Anda mewajibkannya.