Cara Membuat Kontak Form Yang Berfungsi Tanpa PHP

Update Terakhir pada

Kontak form adalah sebuah fasilitas yang ada di website guna mempermudah user untuk menghubungi sang pemilik website. Biasanya kontak ini menggunakan email sebagai medianya.

Agar sebuah form berfungsi dengan baik, maka dibutuhkanlah bahasa server script. Jika hanya menggunakan HTML dan CSS, form hanya berfungsi sebagai hiasan semata. Bahasa yang paling sering digunakan dalam membuat functional form adalah PHP.

Jika Anda menghosting web yang tidak mendukung bahasa server side, seperti GitHub Pages, atau bahkan Anda tidak tahu sama sekali tentang PHP, lalu bagaimana caranya membuat form yang berfungsi?

Solusinya dengan menggunakan bantuan pihak ketiga seperti Formspree. Anda tidak perlu PHP, JavaScript dan mendaftar disana. Cukup tambahkan email Anda dibelakang URL Formspree.

Instalasi

Formspree sangatlah mudah dalam penggunaannya. Yang Anda butuhkan hanyalah alamat email Anda dan juga form yang cantik. Anda bisa membuatnya dengan mudah dengan bantuan tools seperti Formoid.

Setelah Anda memiliki form yang terpasang di dalam website, lalu cari kode form dan tambahkan/edit atribut action dan method=”POST” seperti kode berikut:

<form action="//formspree.io/email@kamu.com" method="POST">
   <input type="text" name="name">
   <input type="email" name="_replyto">
   <textarea rows="4" cols="50"></textarea>
   <input type="submit" value="Kirim Pesan">
</form>

Ubahlah kata email@kamu.com dengan email Anda yang sesuai. Kemudian test form tersebut lalu Anda akan diarahkan ke halaman verifikasi formspree dan akan mendapatkan email verifikasi. Buka email Anda dan ikuti link dari Formspree.

verifikasi-formspree

Sekarang, setiap pesan pengunjung yang menghubungi Anda melalui kontak form, akan diarahkan ke server Formspree yang kemudian akan diforward ke email Anda.

email-confirmed

Untuk masalah kemanan, Anda tidak perlu khawatir, sebab semua pesan yang diproses tidak akan disimpan dan dibaca oleh Formspree.

Kesimpulan

Formspree memiliki beberapa tambahan setingan yang bisa Anda gunakan untuk memanipulasi form. Untuk dokumentasi yang lebih lengkap, silahkan Anda lihat di situs resminya formspree.io.