Email Tanda Tangan Generator

Pratinjau

Bagaimana cara menambahkannya ke Gmail?

Klik "Salin tanda tangan", lalu di Gmail buka Pengaturan → Umum → Tanda tangan. Klik di area tanda tangan dan tempel (Ctrl+V / Cmd+V). Gmail akan mempertahankan pemformatan.

Bagaimana cara menambahkannya ke Outlook?

Klik "Salin tanda tangan", lalu di Outlook buka Pengaturan → Email → Tulis dan balas. Klik di editor tanda tangan dan tempel. Untuk aplikasi desktop: File → Options → Mail → Signatures → tempel di editor.

Mengapa email HTML adalah tempat yang aneh untuk mendesain

Jika Anda pernah membuat tanda tangan di dunia CSS-dan-flexbox sebuah situs web dan kemudian melihatnya hancur di dalam email, Anda telah bertemu dengan masalah utama: tidak ada satu "mesin rendering email" tunggal. Setiap klien email utama menggunakan kode yang berbeda untuk menampilkan HTML, dan aturan tentang apa yang berfungsi tertinggal beberapa dekade dari web modern. Gmail menghapus sebagian besar CSS yang berada di luar atribut style elemen, Apple Mail menggunakan WebKit (jadi cukup modern), dan Outlook untuk Windows telah merender email HTML menggunakan mesin HTML Microsoft Word sejak Outlook 2007, yang berarti flexbox, grid, selektor modern, font web, dan sebagian besar animasi CSS sama sekali tidak berfungsi. Papan skor kompatibilitas di caniemail.com melacak semua ini dan merupakan bacaan yang menyadarkan.

Konsekuensi praktisnya: tanda tangan email HTML dirancang melawan penyebut umum terendah. Kode yang dihasilkan generator ini menggunakan gaya inline dan tata letak berbasis tabel, satu-satunya kombinasi yang bertahan melewati Outlook desktop, Outlook 365 web, Gmail, Apple Mail, Yahoo, iCloud, dan berbagai klien seluler tanpa berantakan.

Apa yang seharusnya ada dalam tanda tangan modern

Tidak ada tanda tangan "yang benar" tunggal, tetapi ada elemen yang secara konsisten layak mendapatkan tempatnya:

• Nama, sedikit lebih besar dan lebih tebal dari sisanya. Hal pertama yang harus dilihat penerima.
• Jabatan dan perusahaan, baris sekunder, warna lebih terang. Gabungkan dalam satu baris jika keduanya pendek.
• Telepon, dibungkus dalam tautan tel: sehingga sentuhan di seluler langsung menelepon.
• Email, dibungkus dalam tautan mailto:, sebagian besar untuk kelengkapan; penerima sudah tahu alamat Anda.
• Situs web, dapat diklik, sering kali dalam warna aksen merek.
• Logo atau foto, biasanya 60 hingga 100 px persegi atau banner 150×40. Jangan lebih besar; gambar besar membengkakkan setiap email keluar.
• Ikon sosial, 24 hingga 32 px, paling banyak dua atau tiga. LinkedIn, X, GitHub, kadang Instagram, sesuaikan dengan apa yang digunakan audiens Anda.

Opsional, semakin umum sejak 2020: kata ganti (he/him, she/her, they/them) pada baris yang sama dengan jabatan.

Apa yang sebaiknya ditinggalkan

• Kutipan inspirasional. Penerima secara konsisten menemukan ini tidak profesional dalam survei riset; sedikit orang yang ingin tanda tangan korporat diikuti oleh Gandhi.
• Tambahan otomatis bergaya "Dikirim dari iPhone saya". Penerima memahami bahwa email seluler ada; baris itu tidak menambahkan apa-apa.
• Beberapa font. Tetap satu saja. Mencampur font dalam email HTML berarti meminta Outlook untuk mengganti dengan yang salah.
• Logo berat di atas 50 KB. Setiap email yang Anda kirim membawa beban; tanda tangan besar membengkakkan thread percakapan dengan cepat.
• GIF animasi di posisi kritis. Outlook 2007 hingga 2019 merender GIF animasi hanya sebagai frame pertama, rancang sesuai dengan itu.
• Gambar latar belakang. Outlook desktop memiliki dukungan gambar latar yang terkenal buruk. Gunakan isian warna solid sebagai gantinya.
• Daftar keterampilan atau layanan. Tanda tangan bukan papan reklame. Tautkan ke halaman profil jika audiens perlu tahu lebih banyak.

Mengapa tabel dan gaya inline?

Dua realitas kompatibilitas menjadikan ini satu-satunya pilihan yang aman:

1. Outlook desktop merender HTML menggunakan Microsoft Word. Mesin HTML Word tidak memahami display: flex, display: grid, posisi modern, sebagian besar pseudo-class, atau font web di luar beberapa font sistem. Tabel dengan lebar eksplisit dan padding inline adalah hal yang dapat Word susun dengan andal.
2. Gmail secara agresif menghapus CSS yang berada di blok <style> atau stylesheet eksternal, bahkan jika dikutip dalam balasan email, aturan-aturan itu menghilang. CSS dalam atribut style="..." pada elemen individual bertahan.

Kombinasi ini, tata letak tabel untuk struktur, gaya inline untuk aturan visual, menghasilkan tanda tangan yang terlihat sama di Outlook, Gmail, Apple Mail, dan berbagai varian web Outlook. Output alat ini mengikuti pola tersebut.

Cara menempelkannya di tempat yang tepat

• Gmail (web): Klik roda gigi, Lihat semua pengaturan, Umum, gulir ke Tanda tangan, Buat baru, klik ke editor dan tempel. Gmail mempertahankan gaya inline. Atur sebagai default untuk email baru / balasan dan simpan perubahan.
• Outlook 365 / Outlook di Web: Pengaturan (ikon roda gigi), Email, Tulis dan balas, Tanda tangan email, klik ke editor dan tempel. Simpan.
• Outlook desktop (Windows): File, Opsi, Email, Tanda Tangan, Baru, beri nama, tempel ke editor, simpan. Tetapkan ke akun default jika Anda memiliki beberapa.
• Outlook untuk Mac: Outlook, Preferensi, Tanda Tangan, klik +, tempel.
• Apple Mail: Mail, Pengaturan, Tanda Tangan, seret tanda tangan yang sudah dirender (atau tempel dengan Edit, Tempel). Jika format hilang, hilangkan centang "Selalu cocokkan font pesan default saya" dan tempel ulang.
• iOS Mail / Outlook iOS: Klien seluler lebih rumit, tempel ke draf di desktop, salin dari draf yang sudah dirender, lalu tempel ke pengaturan tanda tangan iOS. Tempel HTML langsung di seluler jarang mempertahankan format.

Pilihan hosting gambar

Dua cara untuk menyertakan gambar dalam tanda tangan, masing-masing dengan trade-off:

• URL gambar yang dihosting, <img src> mengarah ke URL HTTPS yang dapat diakses publik. Klien email penerima mengambil gambar saat mereka membuka pesan, sering kali setelah meminta izin melalui prompt "tampilkan gambar". Murah, tetapi setiap penerima memicu permintaan server, dan piksel pelacakan yang ada di gambar tanda tangan adalah salah satu cara asli analitik tingkat buka berfungsi.
• Gambar Base64 yang disertakan, gambar disematkan langsung dalam HTML sebagai URI data:image/...;base64,.... Bertahan saat diteruskan dengan bersih, tidak ada pengambilan eksternal, tetapi membengkakkan setiap email sebesar ukuran gambar yang dikodekan dan dihapus atau diperingatkan oleh Outlook desktop 2007 hingga 2019.

Pilihan yang andal untuk tanda tangan korporat: gambar HTTPS yang dihosting dengan ukuran sedang (di bawah 30 KB), dengan atribut alt diisi sehingga merosot menjadi teks yang dapat dibaca saat gambar diblokir.

Kepatuhan dan persyaratan hukum

Beberapa yurisdiksi secara hukum mewajibkan informasi tertentu dalam tanda tangan email bisnis:

• Inggris, Companies Act 2006 mengharuskan perusahaan dengan kewajiban terbatas mencantumkan nama perusahaan terdaftar, alamat kantor terdaftar, nomor pendaftaran, dan tempat pendaftaran pada korespondensi bisnis termasuk email. Pedagang tunggal dikecualikan.
• Jerman, Telemediengesetz (TMG) memiliki persyaratan Impressum yang serupa: nama lengkap dan bentuk perusahaan, alamat terdaftar, informasi kontak, pengadilan registri dan nomor pendaftaran, ID PPN jika berlaku.
• UE lebih luas, GDPR tidak secara khusus mewajibkan info kontak dalam tanda tangan, tetapi cara yang jelas untuk menghubungi pengontrol data adalah bagian dari kepatuhan yang lebih luas dan tanda tangan adalah tempat yang alami untuk itu.
• Industri yang diatur, layanan keuangan, praktik hukum, perawatan kesehatan, dan lainnya sering kali memerlukan penafian khusus (pemberitahuan kerahasiaan, pengungkapan hukum bergaya FCA, peringatan terkait HIPAA). Periksa persyaratan sektor Anda.

Kesalahan umum

1. Mendesain di alat situs web dan mengekspor ke email. CSS modern tidak bertahan di Outlook desktop. Bangun untuk batasan email sejak awal.
2. Gambar dekoratif yang berat. Setiap email yang Anda kirim (dan setiap balasan yang dibuat seseorang) membawa beban tersebut. Targetkan berat total gambar tanda tangan <30 KB.
3. Melewatkan teks alt pada gambar. Saat gambar diblokir (default Outlook desktop untuk pengirim eksternal), alt yang kosong meruntuhkan tata letak. Selalu atur teks alt yang deskriptif.
4. Menaruh semua info kontak di gambar. Jika penerima memblokir gambar, mereka tidak melihat apa-apa. Info kritis (nama, jabatan, telepon) harus dalam teks HTML.
5. URL panjang yang ditampilkan penuh. Bungkus dalam tautan pendek atau gunakan teks jangkar ("LinkedIn") alih-alih https://www.linkedin.com/in/yourname-12345.
6. Kutipan, slogan, dan baris motivasional. Penerima secara luas melaporkan menganggap ini tidak profesional.
7. Tanda tangan berbeda di berbagai perangkat. Atur tanda tangan yang sama pada setiap perangkat yang Anda gunakan untuk mengirim email, penerima memperhatikan ketidakkonsistenan pada thread di mana Anda membalas dari desktop dan seluler.

Pertanyaan yang sering diajukan

Mengapa tanda tangan saya terlihat berbeda di Outlook dibandingkan Gmail?

Mesin rendering yang berbeda. Outlook desktop menggunakan mesin HTML Microsoft Word dan merender banyak properti CSS secara berbeda dari Apple Mail berbasis WebKit atau mesin yang digunakan Gmail web dan Outlook 365 web. Tanda tangan yang dihasilkan alat ini dibangun untuk terlihat dapat diterima di semuanya, tidak pernah identik, tetapi selalu dapat dikenali sebagai tanda tangan yang sama.

Bisakah saya menyertakan GIF animasi?

Ya, tetapi Outlook 2007 hingga 2019 desktop merender GIF animasi hanya sebagai frame pertama. Rancang frame pertama agar berdiri sendiri, jika animasi Anda bergantung pada urutan untuk menyampaikan makna, Anda akan kehilangan separuh audiens. Gmail, Apple Mail, dan Outlook 365 web memutar GIF secara normal.

Apakah data saya diunggah ke suatu tempat?

Tidak. Tanda tangan dibangun sepenuhnya di browser Anda. Nama, jabatan, info kontak, dan URL sosial Anda berpindah dari formulir ke pratinjau ke clipboard, tidak pernah ke server, tidak pernah ke endpoint analitik, tidak pernah ke daftar pemasaran. Banyak situs pembuat tanda tangan memonetisasi dengan menghimpun persis data kontak ini; yang ini tidak.

Apakah saya harus menyertakan foto saya?

Opsional. Foto membuat tanda tangan terasa lebih pribadi dan hangat, tetapi menambah berat gambar dan memicu prompt "tampilkan gambar" di banyak lingkungan korporat. Foto kepala kecil (60 hingga 80 px) cenderung diterima dengan baik; foto seukuran banner tidak. Jika peran Anda sebagian besar B2C, penjualan, customer success, perekrutan, foto membantu; dalam konteks B2B yang kuat, nama + jabatan sudah cukup.

Apa penafian hukum yang digunakan beberapa perusahaan?

Umum di industri yang diatur (keuangan, hukum, perawatan kesehatan): "Email ini dan lampiran-lampirannya bersifat rahasia dan ditujukan semata-mata untuk penerima. Jika Anda menerima email ini karena kesalahan, harap beri tahu pengirim dan hapus." Apakah ini secara hukum dapat ditegakkan diperdebatkan oleh pengacara, tetapi merupakan praktik standar di banyak sektor. Perusahaan Inggris secara hukum perlu mencantumkan nama terdaftar, kantor terdaftar, nomor pendaftaran, dan tempat pendaftaran pada korespondensi bisnis sesuai Companies Act 2006.

Bisakah saya memiliki tanda tangan berbeda untuk balasan berbeda?

Sebagian besar klien utama (Gmail, Outlook, Apple Mail) memungkinkan Anda membuat beberapa tanda tangan dan memilih mana yang digunakan sebagai default untuk pesan baru dan mana (sering kali versi yang lebih pendek) untuk balasan dan penerusan. Bangun keduanya dengan alat ini dan tetapkan masing-masing ke slot dalam pengaturan klien.

Alat terkait