Cara Mengirim Email dari Halaman Web HTML

Pengantar

Menambahkan tautan kontak email di situs web sangat berguna bagi pengunjung untuk mengirim pertanyaan atau masukan kepada pemilik situs. Meskipun tampak rumit bagi pemula, mengirim email dari halaman HTML sebenarnya cukup sederhana.

Gunakan Tautan mailto

Langkah 1

Putuskan alamat email yang akan menerima pesan dari situs Anda.

Langkah 2

Buat halaman HTML tempat pengguna dapat mengirim email.

Langkah 3

Tambahkan tag anchor yang berisi link mailto, misalnya:

<a href="mailto:contoh@domain.com">Kirim Email</a>

Langkah 4

Masukkan alamat email yang dipilih pada Langkah 1 ke dalam tag, lalu ketik teks yang ingin Anda jadikan klikable. Tutup tag anchor dengan </a>. Hasil akhir contoh:

<a href="mailto:contoh@domain.com">Hubungi Saya</a>

Unggah halaman HTML ke server; pengunjung dapat mengkliknya untuk mengirim email.

Gunakan Formulir

Langkah 1

Buat formulir HTML menggunakan dokumen statis atau editor seperti DreamWeaver, Nvu, atau editor online. Sertakan bidang untuk data yang ingin Anda kumpulkan (nama, email, pesan, dll).

Langkah 2

Setel atribut name atau value pada setiap input agar data dapat diidentifikasi saat diterima.

Langkah 3

Temukan skrip mail form. Banyak host menyediakan skrip siap pakai. Jika tidak, cari skrip CGI gratis di internet, sesuaikan dengan kebutuhan, lalu unggah ke server. Tambahkan variabel penting seperti alamat email penerima.

Langkah 4

Atur atribut action pada tag <form> menuju lokasi skrip, dan metode (post atau get) sesuai instruksi.

Langkah 5

Tambahkan variabel tersembunyi atau input yang diperlukan oleh skrip.

Langkah 6

Unggah formulir ke server di lokasi yang tepat dan pastikan action menunjuk ke skrip mail form.

Uji dengan mengirim email ke diri sendiri melalui formulir dan pastikan berfungsi dengan baik.