Sangat penting bagi anda ntuk mengetahui bagaimana cara membuat contact form menggunakan wordpress agar tujuan website anda tercapai. Tanpa contact form berarti tidak ada interaksi antara pembaca atau user dengan anda sebagai pemilik website. Tentu hal ini sangat kita hindari supaya website anda tidak statis.
Contact form itu sama seperti surat menyurat atau email yang langsung ditujukan kepada anda. Sehingga anda bisa memonitor siapa saja yang menghubungi anda dengan berbagai subjek seperti komentar, saran, kritik, pertanyaan bahkan berujung dengan kerjasama bisnis.
Langkah-langkah dalam membuat contact form di wordpress
Adapun plugin yang kita gunakan adalah contact form 7. Plugin ini sangat familiar digunakan oleh pengguna wordpress karena kemudahannya. Adapun kelebihan contact fom 7 yaitu:
- Dapat mengelola beberapa form sekaligus
- Dapat memodifikasi bentuk form dan konten email
- Support dengan ajax submit
- Didukung dengan plugin akismet untuk menyaring spam
Contact Form 7 juga dapat di integrasikan dengan beberapa plugin seperti :
- Flamingo, plugin yang berfungsi mengelola kontak yang di telah di isi pengguna di contact form
- Postman, plugin yang berfungsi sebagai email dengan menggunakan wordpress
- Bogo, plugin yang berfungsi sebagai transalator multi bahasa
Baik sekarang kita mulai tutorial membuat contact form di wordpress dengan menggunakan contact form 7.
1. Masuk ke menu plugin dengan menambahkan plugin baru (add new) dan ketikkan contact form 7 di search plugin dan langsung klik INSTALL NOW
2. Jika sudah di INSTALL NOW secara default akan muncul seperti pic dibawah dimana judul nya "Contact Form 1" dan terdapat shortcode yang harus kamu masukkan di page.
3. Untuk memasukkan contact form tadi ke Page, silahkan buat Page baru seperti pic dibawah.
4. Beri judul page dan ketikkan shortcode contact form di area text sesuai pic dibawah dan jangan lupa klik tombol UPDATE ya. Untuk melihat hasilnya klik Preview Changes
5. Ok install contact form 7 sudah selesai sekarang saatnya test yang telah kita buat.
6 Hasil contact form 7 bisa anda cek di email anda masing-masing, jika tidak ada di inbox coba anda cek di spam email anda.
Custom Desain Contact Form
Contact Form 7 juga dilengkapi dengan beberapa form yang berguna untuk kegunaan user, antara lain:
text, email, URL, tel, number, date, text area, drop-down menu, checkboxes, radio buttons, acceptance, quiz, reCAPTHA, file, submit.
Untuk menambahkan radiobutton bisa kamu lihat seperti dibawah
code ini pun bisa kamu kreasikan lagi dengan tag html seperti dibawah sehingga tampilan di website kamu lebih bagus
<p>Kelamin<br />
[radio kelamin label_first default:1 use_label_element "Pria" "Wanita"]</p>
Untuk menambahkan checkboxes silahkan ikuti langkah sesuai pic dibawah
supaya lebih rapi dan tampilannya bagus, form checkboxes juga bisa di tambahkan dengan tag html dibawah ini
<p>Negara<br />
[checkbox* negara label_first use_label_element exclusive "Indonesia" "Malaysia" "Singapura"]</p>
Dropdown menu lebih baik digunakan untuk pilihan yang banyak, seperti pilihan umur sebagai berikut
lebih lengkap berikut coding untuk dropdown menu pilihan umur
<p>Umur<br />
[select* Umur include_blank "17" "18" "19" "20" "21"]</p>
untuk penambahan radio button, checkbox dan dropdown dapat dilihat hasilnya sebagai berikut
Cara Menambahkan dan Menggunakan Captcha di Contact Form
Sebelum kita menggunakan Captcha di contact form sebaiknya kita membahas dulu kegunaan Captcha tersebut. Captcha berfungsi sebagai tameng atau security di website kita dari kejahatan seperti chacking maupun spamming. Yang sering menyerang sebuah form adalah bot (robot). Bot ini sendiri merupakan program yang dbuat seseorang atau sekelompok orang untung menyerang sebuah website, baik itu hanya sekedar spamming ataunpun penyerangan yang merusak website tersebut.
Baik untuk langkah menggunan captcha bisa diikuti sesuai gambar dan langkah dibawah
Silahkan kamu install plugin baru yaitu plugin Really Simple CAPTCHA jangan lupa untuk mengaktifkan nya
Untuk memasukkan ke contact form7 silahkan edit kembali contact form dengan klik edit
masukkan kode ini ke contact form kamu
jika sudah siap jangan lupa di save dan lihat hasilnya
Cara untuk membuat contact form di wordpress sudah saya jelaskan, silahkan kreasikan dan gunakan sesuai kebutuhan kamu ya, ingat contact form sangat diperlukan dan sebuah website.
Terimakasih