Email Signature HTML Generator
Buat tanda tangan email HTML yang rapi dan profesional dalam hitungan detik — tanpa alat desain, tanpa kode. Isi nama, jabatan, perusahaan, detail kontak, foto, logo dan tautan media sosial Anda, dan generator ini membuat HTML yang bersih dan **inline-styled** yang dapat Anda tempel langsung ke Gmail, Outlook, Apple Mail dan hampir semua klien email lainnya.
Input
Informasi pribadi
Gaya
Digunakan untuk nama, tautan dan pemisah vertikal.
Foto & logo
Gambar persegi berfungsi terbaik (90x90 atau lebih besar).
Tautan media sosial
Biarkan bidang media sosial apa pun kosong untuk menyembunyikan ikonnya.
Pernyataan penyangkalan
Output
Isi kolom untuk melihat tanda tangan Anda di sini.
HTML inline-styled untuk Gmail, Outlook, Apple Mail dan sebagian besar klien email.
Cara lain menggunakan alat ini
REST API
curl -X POST https://api.iotools.cloud/v1/tool/email-signature-html-generator \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"sigFullName": "Alex Morgan",
"sigJobTitle": "Senior Product Designer",
"sigCompany": "Acme Inc.",
"sigPhone": "+1 (415) 555-0123",
"sigEmail": "alex@acme.com",
"sigWebsite": "https://acme.com",
"sigAddress": "123 Market St, San Francisco, CA",
"sigLayout": "horizontal",
"sigFont": "system",
"sigAccentColor": "#464aff",
"sigTextColor": "#333333",
"sigFontSize": "13",
"sigPhotoEnabled": "true",
"sigPhotoUrl": "https://i.pravatar.cc/120?img=12",
"sigPhotoShape": "circle",
"sigLogoEnabled": "",
"sigLogoUrl": "",
"sigLinkedinUrl": "https://linkedin.com/in/alex-morgan",
"sigTwitterUrl": "https://twitter.com/alexmorgan",
"sigGithubUrl": "",
"sigInstagramUrl": "",
"sigDisclaimerEnabled": "",
"sigDisclaimerText": ""
}'Ganti dengan kunci Anda sendiri dari akun Anda. Bidang alat menjadi isi permintaan — tanpa pembungkus.
Tanyakan ke agen AI
Use the IOTools `email-signature-html-generator` tool (Email Signature HTML Generator) on this input:
YOUR_INPUT_HERETempelkan ini ke agen mana pun yang terhubung ke server MCP IOTools, lalu tambahkan input Anda.
Widget sematan
<iframe
src="https://iotools.cloud/embed/email-signature-html-generator/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Email Signature HTML Generator — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Tempelkan ini di halaman Anda sendiri — gratis, tanpa kunci, cukup tautan balik.
| Biaya per panggilan API/MCP | Mulai dari 5 kredit |
|---|---|
| Butuh kredit lebih? | Lihat harga |
Juga tersedia melalui
Panduan
Buat tanda tangan email HTML yang rapi dan profesional dalam hitungan detik — tanpa alat desain, tanpa kode. Isi nama, jabatan, perusahaan, detail kontak, foto, logo dan tautan media sosial Anda, dan generator ini membuat HTML yang bersih dan inline-styled yang dapat Anda tempel langsung ke Gmail, Outlook, Apple Mail dan hampir semua klien email lainnya.
Karena styling di-inline pada setiap elemen (bukan bergantung pada blok <style> yang sebagian besar klien email hapus), tanda tangan ditampilkan dengan cara yang sama untuk penerima Anda seperti untuk Anda.
Cara menggunakannya
- Masukkan informasi pribadi Anda — nama lengkap, jabatan, perusahaan, telepon, email, website dan alamat. Biarkan bidang apa pun kosong untuk menyembunyikannya.
- Pilih gaya — pilih tata letak (horizontal dengan foto di kiri, vertikal dengan foto di atas, atau versi hanya teks yang ringkas), keluarga font, warna aksen dan teks Anda, dan ukuran font.
- Tambahkan foto dan logo — tempel URL gambar untuk headshot Anda dan, opsional, logo perusahaan. Gambar persegi (90×90 atau lebih besar) berfungsi terbaik untuk foto.
- Tambahkan tautan media sosial — LinkedIn, Twitter/X, GitHub dan Instagram. Setiap ikon hanya muncul saat Anda mengisinya dengan URL.
- Tambahkan pernyataan penyangkalan — secara opsional sertakan catatan kerahasiaan atau hukum di bawah tanda tangan.
- Salin atau unduh HTML — ambil markup yang dihasilkan dari panel output dan tempel ke pengaturan tanda tangan klien email Anda, atau unduh sebagai file
.html.
Pratinjau langsung menunjukkan tata letak dan teks saat Anda mengetik. Tautan, foto Anda dan ikon media sosial muncul di sumber HTML yang disalin — itulah file yang dirender sepenuhnya di dalam inbox nyata.
Pertanyaan yang Sering Diajukan
Bagaimana cara menambahkan tanda tangan ini ke Gmail?
Buka Gmail Settings → See all settings → General → Signature, buat tanda tangan baru, lalu tempel. Kotak tanda tangan Gmail menerima konten kaya, jadi menempel tanda tangan yang dirender menyimpan pemformatan. Jika menempel HTML biasa tidak berhasil, gunakan pendekatan "insert" yang didokumentasikan klien Anda untuk tanda tangan HTML.
Apakah akan bekerja di Outlook?
Ya. Tanda tangan menggunakan tata letak berbasis tabel dan gaya inline — pendekatan yang mesin rendering Outlook tangani paling andal. Tempel HTML ke editor tanda tangan Outlook Anda, atau simpan file .html yang diunduh ke folder tanda tangan Outlook Anda.
Mengapa font menggunakan tanda kutip tunggal?
Nama font yang berisi spasi (seperti Segoe UI atau Times New Roman) dibungkus dalam tanda kutip tunggal agar tidak pernah bertabrakan dengan atribut style yang dikutip ganda di sekitarnya — detail halus yang menjaga tanda tangan dari rusak di klien email yang ketat.
Bisakah saya menggunakan foto dan logo yang di-host sendiri?
Tentu saja. Tempel URL gambar https:// yang dapat diakses secara publik. Host gambar di tempat yang stabil (website Anda, CDN atau host gambar) agar terus dimuat untuk penerima dari waktu ke waktu.
Privasi
Alat ini berjalan sepenuhnya di browser Anda. Detail yang Anda masukkan — nama, email, telepon dan URL gambar Anda — digunakan hanya untuk membangun HTML di perangkat Anda dan tidak pernah dikirim ke server atau disimpan. Tutup tab dan tidak ada yang disimpan.