Membuat Tautan Email HTML yang Membuka Klien Email di Situs Web

Berikut Cara Membuat Tautan Email HTML

Menambahkan tautan email ke halaman web memudahkan pengunjung mengirim pesan langsung ke alamat Anda. Dengan sedikit kode HTML, Anda dapat membuka klien email pengguna dan sekaligus mengisi subjek secara otomatis.

Step 1: Menyisipkan Tautan Dasar

Gunakan tag a untuk membuat tautan. Berikut contoh sederhana yang akan menampilkan teks “Klik di sini untuk mengirim email”.

<a href="#">Klik di sini untuk mengirim email</a>

Step 2: Menambahkan Atribut href dengan mailto:

Ubah nilai href menjadi mailto:email@contoh.com sehingga ketika diklik, browser membuka klien email pengguna dengan alamat tujuan sudah terisi.

<a href="mailto:email@contoh.com">Klik di sini untuk mengirim email</a>

Step 3: Menyertakan Subjek Otomatis

Anda dapat menambahkan parameter subject pada URL mailto: untuk menyiapkan subjek pesan secara otomatis. Hal ini membantu dalam pengelompokan email dan memberi petunjuk kepada penerima.

<a href="mailto:email@contoh.com?subject=Halo%20Dari%20Website">Klik di sini untuk mengirim email</a>

Catatan: Jika subjek atau alamat email mengandung spasi atau karakter khusus, gunakan kode persen (%20 untuk spasi, dll.) atau fungsi encodeURIComponent() saat membuat URL.

Setelah menambahkan kode di atas, simpan file HTML Anda dan buka di browser. Klik tautan untuk memastikan klien email terbuka dengan alamat dan subjek yang sudah terisi.