How to Start a Blog? Panduan Membuat Website Hanya 30 Menit

Cara Install dan Settings Contact Form 7 di WordPress

Cara Install dan Settings Contact Form 7 di WordPress – Jika Anda saat ini sedang membuat website atau blog dengan WordPress yang akan Anda gunakan untuk bisnis tentu saja Anda akan membutuhkan sebuah formulir kontak atau akan membuat beberapa formulir dengan tujuan berbeda-beda maka Anda bisa menggunakan Contact Form 7.

Contact Form 7 adalah salah satu plugin pembuat formulir WordPress yang paling populer dan sudah di instal pada jutaan situs WordPress diseluruh dunia. Pada artikel kali ini saya akan membahas secara lengkap tentang Contact Form 7, saya akan membahas dari cara install, fitur-fitur Contact form 7, cara konfigurasi dan masih banyak lagi. Namun, sebelum Anda membaca pada inti pembahasan dari artikel ini sebaiknya Anda baca dulu penjelasan dibawah ini.

Mengapa Anda Perlu Contact Form?

WordPress memang sudah hadir dengan sistem yang kuat untuk mempublikasikan konten dan untuk berinteraksi dengan pengguna Anda, WordPress juga sudah membawa fitur kolom komentar. Namun, pada WordPress tidak dibawakan secara default untuk contact form secara built-in. Tapi Anda tidak perlu kawatir karena masalah ini sudah dipecahkan oleh plugin.

cara-menggunakan-contact-form-7

Dengan adanya Contact Form menjadikan mudah bagi pengguna atau pengunjung situs Anda untuk berkomunikasi dengan Anda sebagai pemilik situs secara pribadi. Kita semua mengetahui bahwa Email adalah bentuk paling mudah sebagai media komunikasi di internet. Dengan menambahkan Contact Form ke website Anda tidak hanya memudahkan pengguna Anda dalam berkomunikasi dengan Anda, tetapi juga bisa menjadikan peluang bisnis dan kesempatan kerja baru dari pihak lain.

Memiliki halaman kontak di website Anda adalah penting dan tidak boleh Anda abaikan, dan memiliki halaman kontak akan sangat kurang lengkap jika tidak ada formulir kontak (Contact Form).

Dengan menggunakan WordPress Anda akan dengan mudah menemukan beberapa plugin Contact Form tersedia untuk WordPress. Ada plugin contact form berbayar dan juga banyak yang gratis. Dan Contact Form 7 adalah plugin gratis untuk membuat formulir kontak yang paling populer yang bisa Anda temukan untuk WordPress. Ini benar-benar merupakan plugin form yang paling banyak di download.

Dan mari kita lanjutkan untuk pembahasan mengenai fitur dan cara menggunakan plugin Contact Form 7 ini.

Baca : 6 Plugin Contact Form Terbaik Gratis Untuk WordPress

Membuat Formulir Kontak dengan Contact Form 7

Untuk membuat contact form dengan plugin Contact Form 7, silahkan terlebih dahulu download dan install Contact Form 7. Setelah itu silahkan aktifkan plugin tersebut. Contact Form 7 dibangun dengan praktik WordPress standar dan terintegrasi dengan baik dan indah ke admin area WordPress Anda. Contact form juga sudah membawakan form demo yang dapat Anda lihat dan gunakan untuk percobaan sehingga Anda bisa membuat form yang lebih lengkap sesuai dengan keinginan dan kebutuhan Anda.

contact-form-7

Sekarang silahkan klik menu baru bernama “Contact” di menu sidebar WordPress Anda. Pada area pembuatan form, Contact form 7 memiliki antarmuka yang terlihat mirip dengan editor teks pada editor WordPress. Ini memiliki tombol sederhana pada menu atas yang dapat Anda gunakan untuk menambahkan elemen-elemen form.

Setelah Anda selesai membuat form Anda, cukup klik pada tombol “Save” Dan formulir Anda sudah siap untuk Anda gunakan. Contact Form 7 akan memberikan Anda shortcode yang bisa Anda gunakan untuk di taruh di mana saja di situs WordPress Anda.

Contact Form 7 adalah plugin yang kuat. Setiap form yang dibuat dengan Contact Form 7 dapat memiliki pengaturan yang berbeda dapat dikonfigurasi dari Mail, Messages, dan tab Advanced Settings.

Pengaturan Mail di Contact Form 7

Pada menu tab “Mail“, Anda dapat menentukan alamat email untuk mengirim pesan-pesan yang dikirim melalui Contact Form. Secara default, Contact Form 7 akan mengirimkan pesan ke alamat email admin (email yang Anda gunakan saaat install WordPress). Anda dapat mengubah ke alamat email Anda yang lain yang Anda inginkan dengan sangat mudah.

mail-settings

Pada tab ‘Messages‘ Anda dapat mengubah pesan standar yang akan dimunculkan oleh Contact Form 7 untuk Anda dan pengunjung Anda. Maksud pesan disini adalah pesan kesalahan yang akan muncul jika terjadi kesalahan validasi, kesalahan input, keberhasilan dan pesan kegagalan pada saat pengiriman formulir.

Pada tab “Additional Settings” Anda dapat mengirim kode tertentu dalam format yang telah ditentukan, Anda bisa melihat contohnya disini.

Membuat Form yang lebih Komplek dengan Contact Form 7

Menciptakan form-form yang lebih kompleks dengan Contact Form 7 juga sangat mungkin untuk Anda lakukan tetapi tidak cukup mudah karena untuk membuat form yang lebih kompleks Anda diharuskan untuk paham dengan kode HTML. Dan untuk membuatnya Anda dapat menggunakan tombol pada editor form untuk memasukkan jenis input dan elemen form.

Namun, karena ini adalah plugin pembuat form yang gratis jadi jangan harap Anda dapat menemukan fitur canggih seperti logika kondisional seperti yang terdapat pada plugin pembuat form berbayar seperti WPForms dan add-ons nya.

Saat Anda klik pada elemen maka akan memunculkan popup di mana Anda dapat memilih pilihan dasar untuk bidang atau field yang ingin Anda masukkan. Misalnya Anda ingin memasukkan pilihan dengan memunculkan pilihan dropdown, Anda dapat memilih drop-down menu, menambahkan teks placeholder, dan mengkonfigurasi mereka berdasarkan jenis masukan yang ingin Anda tambahkan sepeti contoh dibawah ini, dan kalau sudah selesai klik “Insert Tag”.

drop-down-menu-contact-form7

Pada bagian text editor Anda masih harus menulis HTML seperti memberikan keterangan teks dan tag pindah baris atau spasi agar form ditampilkan dengan benar di situs WordPress Anda.

Intinya dalam pembuatan form dengan Contact Form 7 adalah pengetahuan Anda tentang kode HTML, jika Anda menguasai HTML dengan baik maka Contact Form bisa Anda jadikan sebagai plugin pembuat form yang sangat baik dan lebih dari cukup untuk plugin yang dapat Anda gunakan secara gratis.

Dalam form Contact blog ini, saya hanya menambahkan pertanyaan keamanan bernama “Quiz”, Anda bisa melihatnya di menu “Contact” atau disini.

Baca : Membuat Konfirmasi Pembayaran dengan Contact Form7

Styling Contact Form 7

Contact Form 7 secara otomatis menggunakan style atau tampilan dari tema WordPress yang Anda gunakan. Kebanyakan tema WordPress standar sudah datang dengan kode CSS yang ditetapkan untuk kolom formulir dan tombol.

Bahkan pada beberapa tema gratis modern dan tema premium WordPress datang dengan gaya yang telah ditetapkan terutama untuk Contact Form 7. Namun, jika Anda ingin membuat tampilan Contact Form sesuai dengan keinginan Anda sendiri, Anda juga dapat menambahkan kode CSS kustom Anda sendiri ke Contact form 7.

Contact Form 7 menambahkan kelas CSS dan ID untuk semua form. Anda dapat menggunakan dan mengganti Class-Class standar di WordPress melalui Theme atau child theme Anda.

Baca : Cara Merubah Desain Tombol Submit Contact Form7

Dan itulah penjelasan lengkap mengenai Contact Form 7 yang bisa Anda pelajari, Anda dapat menggunakan Contact form 7 untuk menambahkan fitur formulir di situs WordPress Anda secara gratis. Ini merupakan plugin yang menurut saya sudah cukup untuk pembuatan formulir standart, namun jika Anda ingin mempunyai form dengan fungsi lengkap Anda bisa mencoba menggunakan plugin lain yang berbayar. Semoga artikel ini bermanfaat dan selamat mencoba. 🙂

Anda Terbantu artikel ini? Silahkan bergabung dengan centerklik di Twitter dan Facebook+.

Daftar isi Tutorial WordPress Terlengkap Gratis
10 top hosting!

Register Now: TOP 10 Hosting

Dapatkan Hosting Murah dengan Kualitas Terbaik. For Serious Blogger! View Deals

Niagahoster

Rp.26.000/Bln Free Domain, Unlimited Space & Bandwidth Get Host

IDCloudhost

Rp.30.000/Bln Free Domain, Unlimited Space & Bandwidth Get Host

Bluehost Hosting

$2.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

iPage Hosting

$1.99/Month Free Domain, Unlimited Space & Bandwidth Get Host

SiteGround Hosting

$3.45/Month Free Domain, Unlimited Space & Bandwidth Get Host

Hostgator

$3.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

21 Comments

Add a Comment

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