Cara Membuat Contact Form Pada Website


Cara Membuat Contact Form Pada Website
thumbnail-caption

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″]
[]


Mungkin Kamu Juga Suka :

What's Your Reaction?

Cute Cute
0
Cute
Cuek Cuek
0
Cuek
Lol Lol
0
Lol
Love Love
0
Love
OMG OMG
0
OMG
Angry Angry
0
Angry
Like Like
0
Like
Dislike Dislike
0
Dislike

Comments 0

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

log in

Become a part of our community!

Captcha!
Don't have an account?
sign up

reset password

Back to
log in

sign up

Captcha!
Back to
log in
Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Open List
Open List
Ranked List
Ranked List
Meme
Upload your own images to make custom memes
Image
Photo or GIF
Gif
GIF format

Send this to a friend