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