Membuat Contact Form Pada Website Secara Gratis

 

Isi Artikel

• Apakah Itu Contact Form ?
• Membuat Contact Form Pada Blogspot atau Blogger
• Membuat Contact Form Website Dengan Bantuan Builder
• Merancang Contact Form Sendiri Dengan Kode Html

Apakah Itu Contact Form ?

Contact Form merupakan tampilan isian pada website yang berfungsi sebagai pesan yang dikirimkan pengunjung kepada pemilik website. Susunan kolom yang dirancang bebas dan disesuaikan dengan kebutuhan. Biasanya disertai alamat e-mail dan nama pengirim.

Membuat Contact Form Pada Blogspot atau Blogger

Cara membuat contact form pada website bawaan Google ini sangat mudah dan singkat. Tampilan kolomnya terdiri dari nama, alamat e-mail dan pesan. Anda tidak perlu lagi mengatur kolom karena sudah dari sistemnya Blogger.

Berikut ini langkah - langkah untuk menampilkan contact form dengan menu yang sudah ada pada blogspot.

Seperti biasa, setiap kali mengatur blogspot Anda harus login blogger terlebih dahulu. Buka pengaturan yang bertandakan tiga garis pada bagian kiri atas. Cari Layout dan klik.

Pilih lokasi mana yang akan menjadi letak Contact Form, apakah itu pada sidebar, atas, atau footer. Klik "Add Gadget".

Cari Contact Form di antara pilihan yang ada.

Pemberian nama Contact Form. Ini bersifat optional. Jadi, boleh dikosongkan.

   

Membuat Contact Form Website Dengan Bantuan Builder

Anda hanya perlu menyematkan "embeded code" dari builder pada website dan lihat hasilnya langsung. Cara ini sangat mudah dan sederhana.

Penyedia kode untuk pembuatan Contact Form secara gratis sudah banyak tersedia. Salah satunya 123formbuilder.com. Agar bisa memproses perancangan form, Anda harus login terlebih dahulu. Buatlah akun 123 dan verifikasi e-mail langsung.

Di dalam area 123 aturlah panjang dan jumlah kolom untuk tempat pengisian pesan oleh pengunjung. Proses semuanya sesuai tahapan yang sudah ada. Pada akhirnya Anda akan menemukan "embeded code" tersebut.

Apabila ada pengunjung yang mengirim pesan , builder menerima terlebih dahulu. Setelah itu akan mengirimkannya ke e-mail teregistrasi Anda.Jadi, segalanya mesti melalui builder Contact Form yang bersangkutan.

Merancang Contact Form Sendiri Dengan Kode Html

Merancang Contact Form sendiri memerlukan keahlian coding. Contoh formula kode html yang cukup rapi untuk diterapkan di website.

<div class="container"> <form target="_blank"action=" https://formsubmit.co/ userAnda@alamatBlogAnda" method="POST"> <div class="form-group"> <div class="form-row"> <div class="col"> <input type="text" name="name" class="form-control" placeholder="Nama Pengirim" required> </div> <div class="col"> <input type="email" name="email" class="form-control" placeholder=" Alamat E-mail" required> </div> </div> </div> <div class="form-group"> <textarea placeholder=" Tuliskan Pesan Anda" class="form-control" name="message" rows="10" required></textarea> </div> <button type="submit" class=" btn btn-lg btn-dark btn-block">Kirim</button> </form> </div>