Pembuat Tanda Tangan Email

Struktur dan Kompatibilitas HTML dalam Tanda Tangan Email

Tanda tangan email yang profesional berfungsi sebagai kartu nama digital yang menyertai setiap pesan keluar. Dalam komunikasi bisnis, konsistensi visual dan keterbacaan informasi kontak sangat penting untuk membangun kredibilitas. Namun, merancang tanda tangan email yang responsif memiliki tantangan teknis tersendiri karena setiap aplikasi email memiliki mesin perenderan yang berbeda.

Alat ini menghasilkan kode HTML yang dirancang khusus untuk kompatibilitas maksimum dengan membatasi elemen presentasi pada struktur tabel yang kokoh. Kode yang dihasilkan menggunakan tabel dengan lebar tetap melalui atribut max-width:520px. Untuk memastikan tanda tangan dapat dimuat dengan aman dan tidak ditolak oleh server email, alat ini membatasi elemen HTML hanya pada tag dasar seperti table, tr, td, strong, span, dan a beserta gaya inline. Penggunaan elemen kompleks seperti script, style, image, form, class, atau penangan aktivitas (event handlers) dihindari sepenuhnya untuk mencegah pemblokiran oleh filter keamanan email.

Input Data dan Batasan Karakter

Untuk menghasilkan tanda tangan yang valid, pengguna perlu memasukkan informasi identitas dan kontak melalui kolom yang tersedia. Alat ini menerapkan aturan validasi yang ketat untuk menjaga integritas kode HTML dan mencegah kesalahan format.

Berikut adalah rincian kolom input beserta batasan karakter dan aturan validasinya:

• Nama lengkap: Kolom ini wajib diisi. Masukkan nama persis seperti yang seharusnya dilihat penerima. Batas maksimal adalah 160 karakter. Jika kosong, sistem menampilkan pesan "Masukkan nama lengkap.". Jika melebihi batas, muncul pesan "Batasi nama lengkap hingga ‹max› karakter.".
• Jabatan: Kolom opsional dengan batas maksimal 160 karakter. Jika melebihi batas, sistem menampilkan pesan "Batasi jabatan hingga ‹max› karakter.".
• Telepon: Kolom opsional dengan batas maksimal 80 karakter. Nomor harus menggunakan angka, tanda baca telepon umum, dan ekstensi opsional. Jika tidak valid, muncul pesan "Gunakan angka, tanda baca telepon yang umum, dan ekstensi opsional.". Jika terlalu panjang, muncul pesan "Batasi nomor telepon hingga ‹max› karakter.".
• Email: Kolom opsional dengan batas maksimal 254 karakter. Harus berupa satu alamat email dengan format yang valid. Jika tidak valid, muncul pesan "Masukkan satu alamat email dengan format yang valid.". Jika melebihi batas, muncul pesan "Batasi alamat email hingga ‹max› karakter.".
• Situs web: Kolom opsional untuk alamat web lengkap atau domain. Jika protokol dilewatkan, sistem otomatis menambahkan https://. Batas maksimal URL adalah 300 karakter.
• Tautan profil: Kolom opsional untuk portofolio publik, profil profesional, atau halaman kreator dengan batas maksimal 300 karakter.

Untuk kolom URL (Situs web dan Tautan profil), sistem menerapkan validasi keamanan tambahan. Jika format URL tidak valid, akan muncul pesan "Masukkan alamat situs web atau profil yang valid.". Jika menggunakan skema selain HTTP atau HTTPS, muncul pesan "Gunakan tautan http:// atau https://.". Jika URL mengandung kredensial sensitif, muncul pesan "Hapus nama pengguna dan kata sandi dari tautan ini.". Jika URL melebihi 300 karakter, muncul pesan "Persingkat tautan agar dapat dimuat dengan aman dalam tanda tangan email.".

Selain itu, jika ada kolom yang mengandung karakter ilegal, sistem akan menampilkan pesan "Hapus karakter kontrol atau baris baru yang tidak semestinya dari kolom ini.". Jika terdapat kesalahan pada salah satu kolom saat menekan tombol pembuat, pesan "Perbaiki kolom yang ditandai sebelum membuat tanda tangan." akan muncul.

Pemrosesan Data dan Keamanan Tautan

Alat ini mengutamakan keamanan data pengguna dengan melakukan seluruh proses pembuatan tanda tangan langsung di dalam browser Anda. Detail kontak dan tanda tangan yang dibuat tetap berada di browser Anda. BroBroGo tidak mengunggah atau menyimpannya ke server luar.

Selama proses pembuatan, sistem melakukan beberapa transformasi otomatis untuk memastikan tautan berfungsi dengan benar di berbagai perangkat:

1. Normalisasi Domain: Domain internasional pada atribut href akan dinormalisasi secara otomatis.
2. Tautan Telepon: Nomor telepon yang diawali dengan simbol + akan diubah menjadi tautan aktif dengan skema tel: sehingga dapat diklik langsung oleh pengguna perangkat seluler.
3. Tautan Email: Alamat email yang dimasukkan akan dikonversi menjadi tautan mailto: yang dikodekan dengan persentase (percent-encoded) untuk mencegah kesalahan pembacaan karakter khusus oleh aplikasi email.
4. Pembersihan Teks: Semua teks input dari pengguna dan atribut tautan akan melalui proses escape untuk mencegah injeksi kode HTML yang tidak diinginkan.

Perlu dicatat bahwa alat ini hanya memeriksa bentuk kolom, jenis tautan yang aman, dan HTML yang dibuat. Alat ini tidak memverifikasi identitas, izin, kepemilikan, atau keterjangkauan dari informasi yang dimasukkan.

Output dan Pratinjau Tanda Tangan

Setelah menekan tombol untuk membuat tanda tangan, sistem akan memperbarui status antarmuka dan menampilkan hasil dalam beberapa bagian:

• Status Antarmuka: Saat pertama kali dimuat atau siap menerima input, sistem menampilkan pesan "Siap menerima detail tanda tangan.". Setelah berhasil dibuat, muncul pesan "Tanda tangan email telah dibuat.". Jika pengguna membersihkan data, muncul pesan "Detail dan pratinjau tanda tangan telah dihapus.".
• Pratinjau Visual: Menampilkan representasi visual dari tanda tangan yang dihasilkan. Pengguna dapat beralih antara tata letak "Lebar" dan "Sempit" untuk melihat bagaimana tanda tangan menyesuaikan ruang pada layar komputer maupun ponsel. Jika data belum diisi, pratinjau akan menampilkan placeholder seperti "Nama Anda" dan "Jabatan Anda".
• HTML Tanda Tangan: Kode HTML mentah ditampilkan dalam area teks khusus yang bersifat read-only. Jika belum ada data yang diproses, area ini akan menampilkan pesan "Masukkan detail Anda dan buat tanda tangan untuk melihat HTML yang dapat disalin.".
• Metrik Output: Sistem juga menampilkan informasi statistik berupa jumlah karakter HTML yang dihasilkan (misalnya, "‹count› karakter HTML") dan jumlah tautan aktif di dalam tanda tangan (misalnya, "‹count› tautan yang dapat diklik"). Batas total karakter untuk keseluruhan HTML yang dihasilkan adalah di bawah 10.000 karakter.

FAQ (Pertanyaan yang Sering Diajukan)

Apakah tanda tangan akan terlihat sama di setiap aplikasi email? Tidak. Tanda tangan dirancang agar tetap terbaca di aplikasi email umum, tetapi Gmail, Outlook, Apple Mail, dan gerbang perusahaan dapat mengubah jarak, font, warna, atau tautan. Kirim pesan percobaan dari aplikasi yang Anda gunakan sebelum menerbitkannya.

Kolom mana yang wajib diisi? Hanya nama lengkap yang wajib. Jabatan, telepon, email, situs web, dan tautan profil bersifat opsional, sedangkan kolom kosong akan dihilangkan. Gunakan nomor internasional yang diawali + jika Anda menginginkan tautan telepon yang dapat diklik.

Bagaimana cara menambahkan HTML ke aplikasi email saya? Salin HTML yang dibuat dan ikuti cara aplikasi email Anda menambahkan tanda tangan HTML. Beberapa editor menerima konten yang sudah ditampilkan, bukan kode mentah, jadi kirim percobaan ke diri sendiri di desktop dan ponsel sebelum menggunakannya untuk penerima.

Apakah data pribadi saya aman saat menggunakan alat ini? Ya. Detail kontak dan tanda tangan yang dibuat tetap berada di browser Anda. BroBroGo tidak mengunggah atau menyimpannya, sehingga data Anda tidak pernah meninggalkan perangkat Anda.