Cara menggunakan konfigurasi formulir kontak wordpress

Setiap website membutuhkan form kontak, sehingga pengunjung dapat dengan mudah menghubungi kamu tentang produk atau layanan yang kamu tawarkan. Secara default, WordPress tidak dilengkapi dengan form kontak bawaan, tetapi ada cara mudah untuk menambahkan form kontak ke website kamu

Dalam tutorial WordPress ini, kami akan menunjukkan cara membuat form kontak di WordPress dengan mudah tanpa menyentuk satu baris kode pun

Mengapa kamu memerlukan formulir kontak

Anda mungkin bertanya-tanya mengapa saya memerlukan formulir kontak?

Itu pertanyaan yang sangat umum dari yang baru pertama kali memulai karena mereka takut menambahkan formulir kontak yang membutuhkan pengetahuan coding

Yang benar adalah Anda tidak perlu tahu cara ngoding. Tutorial step by step untuk menambahkan form kontak ini ditulis untuk pemula dan yang baru pertama kali memulai

Di bawah ini adalah 3 alasan penting mengapa form kontak lebih baik daripada menaruh alamat email kamu langsung di halaman

• Perlindungan Spam – Spam bots secara teratur meng-scrape website ke mailto. label alamat email. Ketika kamu memposting alamat email di website, kamu akan mulai menerima banyak email spam. Di sisi lain, ketika Anda menggunakan formulir kontak, Anda dapat memblokir hampir semua email spam
• Informasi yang konsisten – Saat mengirim email, orang tidak selalu mengirimkan semua informasi yang Anda butuhkan. Dengan form kontak, kamu dapat memberi tahu pengguna dengan tepat informasi apa yang kamu cari (seperti nomor telepon, budget, dll)
• Menghemat waktu – Bentuk kontak membantu Anda menghemat waktu dengan lebih banyak cara daripada yang dapat Anda bayangkan. Selain informasi konsisten yang kami sebutkan di atas, Anda juga dapat menggunakan konfirmasi formularir untuk memberi tahu pengguna apa langkah selanjutnya. Seperti menonton video atau menunggu hingga 24 jam untuk menerima tanggapan, sehingga mereka tidak mengirimkan banyak pertanyaan kepada kamu

Di bawah ini adalah contoh form kontak WordPress yang akan kita buat dalam tutorial ini

Setelah membuat form di atas, kami juga akan menujukkan kepada kamu bagaimana kamu dapat dengan mudah menambahkannya di halaman, atau di sidebar website kamu menggunakan widget form kontak WordPress

Kedengarannya bagus?

Langkah 1 – memilih plugin form kontak

Hal pertama yang perlu kamu lakukan adalah memilih plugin form kontak WordPress

Meskipun ada beberapa kontak formulir plugin WordPress gratis dan berbayar yang dapat Anda pilih, kami menggunakan Fluent Forms di beberapa situs web yang kami tangani dan percaya bahwa itu adalah pilihan terbaik

Di bawah ini adalah tiga alasan mengapa menurut kami Fluent Forms adala yang terbaik

• Ini adalah salah satu plugin dari kontak yang ramah pemula yang tersedia di WordPress. Kamu dapat menggunakan drag & drop builder untuk membuat form kontak dengan mudah hanya dalam beberapa klik
• Fasih Formulir 100% gratis, dan Anda dapat menggunakannya untuk membuat formulir kontak sederhana (lebih dari 100 ribu penggunaan situs web)
• Saat Anda siap untuk fitur yang lebih canggih, Anda dapat meningkatkan ke Fluent Forms Pro

Sekarang setelah kami memutuskan plugin form kontak, mari lanjutkan dan install ke website kamu

Langkah 2 – instal plugin form kontak di WordPress

Untuk tutorial membuat kontak ini, kami akan menggunakan Fluent Forms karena gratis dan mudah digunakan

Kamu dapat menginstall plugin ini di website kamu dengan masuk ke dashboard WordPress kamu dan pergi ke Plugins >> Add New

Di bidang pencarian, ketik Fluent Forms lalu klik tombol Install Now

Setelah plugin terinstal, pastikan plugin kamu mengaktifkan

Jika Anda tidak melihat menu Plugins atau ingin petunjuk lebih detail, silakan lihat panduan kami tentang cara menginstal plugin WordPress

Langkah 3 – buat formulir kontak di WordPress

Sekarang setelah kamu mengaktifkan Fluent Forms, kamu siap untuk membuat kontak form di WordPress

Di dashboard WordPress kamu, klik menu Fluent Forms dan pergi ke Add New

Ini akan mengarahkan Anda untuk memilih dari pre-made template yang tersedia. Fluent Forms versi free hanya hadir dengan template form yang sudah disiapkan sebelumnya. Terdiri dari blank, Contact Form, Conversational Form, dll. Kamu dapat menggunakan ini untuk membuat hampir semua jenis form kontak yang kamu suka

Untuk contoh ini, kami akan melanjutkan dan memilih Formulir Kontak. Ini akan menambahkan bidang Nama, Email, Subjek, dan Pesan

Kamu dapat mengedit bidang dengan mengkliknya. Kamu juga dapat menggunakan mouse untuk drag & drop urutan bidang

Jika kamu ingin menambahkan bidang baru, cukup pilih dari bidang yang tersedia di sidebar sebelah kanan

Kamu bisa mengubah nama form yang nantinya akan berguna saat menambahkan form kontak ke halaman, setelah selesai klik tombol Save

Langkah 4 – mengonfigurasi notifikasi memberikan rumusan konfirmasi

Sekarang setelah kamu membuat formular WordPress, penting bagi kamu untuk mengonfigurasi notifikasi dan konfirmasi formular dengan benar

Konfirmasi formular adalah apa yang dilihat pengunjung website kamu setelah mereka mengirimkan formular. Ini bisa berupa pesan terima kasih, atau Anda bisa mengarahkan mereka ke halaman tertentu

Notifikasi formularir adalah email yang kamu dapatkan setelah seseorang mengirimkan form kontak di website WordPress kamu

Kamu dapat menyesuaikan keduanya dengan membuka tab Settings & Integration yang ada pada bilah atas di dalam Form Builder

Kami biasanya membiarkan formular konfirmasi sebagai pesan Terima Kasih bawaan. Namun, Anda dapat memodifikasi untuk mengarahkan ulang ke halaman tertentu jika Anda mau

Bagian terbaik tentang Fluent Forms adalah bahwa pengaturan default ideal untuk pemula. Saat kamu pergi ke pengaturan notifikasi, semua field akan diisi sebelumnya secara dinamis. Kamu hanya perlu mengaktifkannya

Notifikasi secara default dikirim ke Email Admin yang telah diautur pada website kamu

Jika kamu ingin mengirimnya ke alamat email lain, kamu dapat memodifikasinya. Jika Anda ingin mengirim pemberitahuan ke beberapa email, pisahkan saja setiap alamat email dengan koma

Subjek email telah diisi otomatis dengan subjek yang dibuat oleh pengunjung. Saat kamu membalas pertanyaan, itu akan masuk ke email yang diisi pengguna kamu di form kontak

Kami sedang menulis panduan tentang cara menerima notifikasi formular khusus, sehingga Anda dapat mengirim formulir ke beberapa penerima atau departemen yang berbeda

Langkah 5 – menambahkan form kontak ke halaman

Sekarang setelah kamu selesai mengonfigurasi form kontak WordPress kamu, saatnya untuk menambahkannya ke halaman

Hal pertama yang perlu kamu lakukan adalah membuat halaman baru di WordPress atau mengedit halaman yang sudah ada di mana kamu ingin menambahkan form kontak

Kami akan menggunakan block Fluent Forms untuk menambahkan form ke halaman. Cukup klik pada tombol tambahkan block baru lalu cari Fluent Forms dan kemudian klik untuk menambahkannya ke halaman kamu

Sekarang blokir Formulir Lancar akan muncul di halaman konten area. Kamu perlu mengklik menu dropdown untuk memilih form yang kamu buat sebelumnya

Kamu sekarang dapat menyimpan atau mem-publish halaman kamu dan mengunjungi halaman tersebut untuk melihat aksi

Seperti inilah formurir yang akan terlihat pada contoh halaman WordPress

Fluent Forms play dilengkapi dengan shortcode. Kamu dapat menyalin shortcode tersebut dengan mengunjung Fluent Forms >> All Forms dan kemudian menempelkannya (paste) di halaman atau postingan WordPress mana pun

Jika kamu hanya ingin menambahkan form kontak ke halaman, maka kamu selesai disini. Selamat

Apabila kamu ingin menambahkan form kontak ke sidebar atau widget lainnya, lanjutkan ke step 6

Langkah 6 – Menambahkan form kontak ke sidebar

Fluent Forms hadir dengan widget form kontak WordPress yang dapat kamu gunakan untuk menambahkan form kontak kamu di sidebar atau pada dasarnya semua widget lainnya di theme WordPress

Katakanlah WordPress Admin Area, buka Appearance >> Widgets. Kamu dapat menambahkan widget Fluent Forms dengan cara drag and drop ke area widget apa pun di tema

Selanjutnya, tambahkan judul untuk widget kamu dan pilih form yang ingin kamu tampilkan. Simpan pengaturan, kunjungi website kamu untuk melihatnya

Kami harap tutorial ini dapat membantu kamu membuat kontak sederhana di WordPress. Anda mungkin juga ingin melihat panduan kami tentang cara memperbaiki masalah WordPress tidak mengirim email

Jika kamu menyukai artikel ini, silahkan bagikan ke teman atau media sosial yang kamu miliki. Saran, masukkan dan pertanyaan bisa kamu tulis pada kolom komentar di bawah