Wordpress

Cara Membuat Contact Form Pada Website

Cara Membuat Contact Form Pada Website

Cara Membuat Contact Form Pada Website,-

Form kontak sering kali diabaikan oleh para pemilik website, Padahal form kontak dapat sangat berguna jika dimanfaatkan sebaik mungkin.

Pada setiap artikel yang berhubungan dengan blogging Contohnya Tips blogwalking dan Cara membuat landing page saya selalu mengatakan bahwa kontak form adalah penting.

Artikel terkait : Membuat artikel SEO friendly

Jika Anda pengguna wordpress (Entah kenapa saya lagi semangat membuat artikel tentang wordpress) maka Anda sangat beruntung, Sebab untuk menyisipkan contact form dalam postingan akan sangat mudah.

Silahkan install plugin Contact Form 7 terlebih dahulu.

Dan tentunya aktifkan plugin tersebut.

Selanjutnya masuk ke menu Contact dan pilih Contact form.

Secara otomatis akan ada 1 contact form yang dibuat oleh plugin tersebut. Jika Anda ingin melakukan edit atau sekedar ingin tahu pembuatannya silahkan edit form tersebut.

Contact Form

Contact Form

Dengan pegaturan coding seperti diatas, Akan terbuat contact form seperti gambar dibawah :

Contoh Contact Form

Contoh Contact Form

Contoh saya ambil pada halaman contact bacaanku.com

Mari kita bahas bagaimana cara kerja contact form ini :

1. Form

tag <p> digunakan untuk pergantian paragraf, Anda juga bisa menggunakan tag <br> untuk berganti baris.

Lebih kerennya lagi, Contact form 7 ini juga menyediakan beberapa shortcode yang super duper bermanfaat (Tergantung keperluan).

Anda tinggal menyisipkan shotcode melalui tombol yang disediakan pada bagian atas form tersebut.

  • Text :  Berfungsi untuk menyisipkan text info biasa
  • Email : Membuat kolom dengan function email (mendeteksi jenis kata yang di input adalah email valid)
  • URL : Menyisipkan kolom input URL
  • tel : Menyisipkan kolom input untuk nomor telepon
  • Number : Menyisipkan up and down untuk input angka
  • Date : Menyisipkan kolom input untuk di isi tanggal
  • Text area : Menyisipkan text area
  • Drop-down menu : Menyisipkan Drop down menu
  • Checkbox : Menyisipkan Checkbox
  • Radio Button : Menyisipkan Radio Button
  • Acceptance : Menyisipkan centang persetujuan term of use
  • Quiz : Menyisipkan kolom verifikasi berjenis quiz (contoh 1+1= )
  • reCaptcha : Menyisipkan recaptcha (Membutuhkan plugin tambahan)
  • File : Upload File
  • Submit : Tombol Submit

2. Mail

Pada kolom ini adalah pengaturan yang disediakan saat email terkirim pada Anda.

Anda bisa menggunakan shortcode yang telah disediakan, yaitu :

[your-name], [your-email], [your-subject], [your-message]

Note : Shortcode diatas adalah sesuai yang Anda gunakan pada kolom Form sebelumnya.

3. Message

Adalah info yang akan ditampilkan setelah orang melakukan input pada form kontak

4. Additional Setting

Additional setting adalah code yang bisa Anda inputkan untuk memberikan function khusus pada form yang Anda gunakan.

Syangnya saat ini hanya mendukung beberapa function saja, Untuk lebih jelasnya silahkan menuju link additional setting dari developer.

5. Cara Menggunakan

Cara Membuat Contact Form Pada Website dengan plugin ini sangat mudah.

Setelah Anda selesai melakukan setting sesuai yang Anda inginkan jangan lupa untuk melakukan save terlebih dahulu tentunya.

Setelah itu Anda bisa mengambil shortcode dan id contact form yang telah Anda buat (Terdapat pada kolom Form dengan garis wana hijau).

Dan tinggal paste shortcode tersebut pada tempat yang Anda ingingkan, Bisa didalam artikel atau di halaman page.

Sekian artikel Cara Membuat Contact Form Pada Website kali ini, Semoga bisa memberi inspirasi kepada Anda, Terima Kasih.

Jika Ada yang ingin ditambahkan atau ditanyakan silahkan mengisi kolom komentar.

Silahkan Like Fanspage kami dan Share artikel ini Jika Menurut Anda Bermanfaat Untuk Anda dan Orang Lain.

[divider style=”double” top=”5″ bottom=”5″] []

REAKSI KAMU?
Bagikan Votingmu!!
0
0
0
0
0
0
0
0
0

Artikel Terkait :

Click to comment

Facebook Comment

Your email address will not be published. Required fields are marked *

To Top