Bagaimana cara membuat formulir kontak di situs WordPress secara efektif?

Diterbitkan: 2022-11-13

Sudahkah Anda menemukan cara membuat formulir kontak di situs WordPress? Jika belum, ikuti panduan di bawah ini untuk mendapatkan beberapa tips bermanfaat langsung sekarang. Tapi pertama-tama, kami memberikan deskripsi singkat tentang formulir kontak dan kelebihannya.

Apa yang dimaksud dengan formulir kontak?

Halaman di situs WordPress Anda adalah formulir kontak. Mengisi berbagai area, termasuk nama, alamat, komentar, dan banyak lagi, akan memungkinkan pengguna Anda untuk terhubung dengan Anda dan berkomunikasi dengan Anda. Sebagian besar situs web bisnis juga menyertakan alamat email yang dapat Anda gunakan untuk menghubungi mereka jika Anda memerlukan sesuatu tambahan atau bantuan. Meskipun menggunakan formulir kontak akan memberi pengguna opsi langsung untuk menanyakan pertanyaan perusahaan, ini dianggap cara yang tidak nyaman bagi bisnis.

Manfaat ketika Anda membuat formulir kontak di WordPress di situs Anda?

Untuk membuat formulir kontak di WordPress untuk situs Anda sangat penting jika Anda menjalankan bisnis. Ini dipandang sebagai tautan yang memungkinkan klien Anda untuk menghubungi Anda dengan cepat jika mereka memiliki pembelian, pertanyaan, atau alasan lain. Selain itu, ada sejumlah keuntungan menguntungkan menggunakan formulir kontak dibandingkan dengan memberikan nomor telepon dan alamat email Anda, termasuk:

  • Lindungi kotak masuk email Anda dari spam : Tidak ada jaminan bahwa metode ini akan sepenuhnya melindungi situs web Anda dari spam. Memanfaatkan berbagai tindakan perlindungan spam atau menggabungkan fungsi ReCaptcha, akan mengurangi jumlah spammer yang mencoba menargetkan kotak surat Anda.
  • Melacak pesan Anda : Anda akan menerima pemberitahuan email atau pengingat setelah formulir kontak dikirimkan. Hasilnya, Anda tidak akan melewatkan pesan apa pun dan dapat segera membalasnya, yang meningkatkan kepuasan klien.
  • Dapatkan semua informasi yang Anda butuhkan di satu lokasi : Biasanya, ketika pelanggan mengirimkan pertanyaan melalui email, mereka sering mengabaikan untuk memasukkan beberapa detail penting. Anda dapat menyertakan kotak dengan bidang yang berbeda pada formulir kontak untuk diisi pelanggan. Anda sekarang dapat menerima semua informasi sebagai hasilnya.

Langkah-langkah untuk membuat formulir kontak di WordPress di situs Anda?

Untuk membuat formulir kontak di WordPress tanpa menulis satu baris kode pun, beberapa alat efektif telah dikembangkan oleh pengembang web hingga saat ini. Ini menantang bagi Anda sebagai pemula ketika Anda tidak tahu alat mana, untuk memulai. Dua plugin paling sederhana, Ninja Forms, dan Formidable Forms digunakan untuk membantu Anda mengembangkan formulir kontak di blog hari ini.

Sekarang mari selami petunjuk langkah demi langkah setiap solusi di bawah ini.

Solusi

Metode 1: menggunakan formulir Ninja

Dengan lebih dari 20.000.000 unduhan secara global, salah satu plugin pembuat formulir paling terkenal di Saturday Drive adalah Formulir Ninja . Anda mungkin mendapatkan banyak fungsi yang berguna dari plugin ini selain desainnya yang ramah pengguna dan banyak fitur inovatif. Anda dapat memilih antara dua versi, versi gratis, dan versi Pro. Kami sekarang akan membantu Anda dalam membuat formulir kontak menggunakan versi gratis. Mari kita mulai.

Langkah 1: Memasang dan mengaktifkan formulir Ninja

Anda dapat menginstal dan mengaktifkan plugin ini dalam waktu kurang dari satu menit, sama seperti plugin lainnya. Cukup arahkan ke Dashboard Anda dan pilih Plugins>Add New. Masukkan "formulir Ninja" ke dalam kotak pencarian. Instal dan aktifkan segera.

Buat Formulir Kontak Di Wordpress 1 Langkah 2: Membangun formulir kontak

Untuk memulai, navigasikan ke Ninja Forms > Dashboard > Add New dan pilih jenis formulir yang ingin Anda buat.

Buat Formulir Kontak Di Wordpress 2

Di sini, berbagai jenis formulir terdaftar; Anda dapat memulai dengan formulir kosong atau memilih salah satu formulir yang telah dibuat sebelumnya dan menyesuaikannya dengan kebutuhan Anda.

Buat Formulir Kontak Di Wordpres 3

setelah memilih formulir pilihan Anda. Jika formulir ini memenuhi kebutuhan Anda, Anda dapat mengklik Publikasikan sekarang untuk mendapatkan kode pendek. Di sisi lain, Anda dapat mengubahnya dengan mengklik tanda “+” .

Buat Formulir Kontak Di Wordpress 4

Tangkapan layar di bawah ini menampilkan berbagai bidang umum. Anda dapat dengan mudah menarik dan melepasnya ke lokasi yang berbeda pada formulir kontak berdasarkan preferensi Anda.

Buat Formulir Kontak Di Wordpress 5

Anda dapat menghapus bidang dengan mengeklik ikon tempat sampah setelah mengarahkan kursor ke roda gigi untuk membukanya.

Buat Formulir Kontak Di Wordpress 6

Anda juga dapat mematikan pengiriman toko, pemberitahuan email, dan konfirmasi email di bawah halaman Email dan Tindakan . Sebaliknya, jika Anda mendapatkan semua email dan menyetujui tindakan, Anda dapat menutup tab ini. Anda dapat mengubah judul formulir dengan memilih opsi pengaturan tampilan di bawah tab Lanjutan.

Buat Formulir Kontak Di Wordpress 7

Langkah 3: Menambahkan formulir Anda ke halaman

  • Opsi 1: menggunakan kode pendek

Klik “ Selesai ” setelah membuat formulir kontak yang menarik secara visual, lalu “ Terbitkan ” sesegera mungkin. Dengan mengklik ikon tautan, Anda kemudian dapat langsung mendapatkan kode pendek dan menyalinnya untuk ditambahkan ke halaman Anda.

Buat Formulir Kontak Di Wordpress 8

Metode lain untuk mendapatkan kode pendek juga tersedia, tetapi untuk melanjutkan ke tahap berikutnya, Anda harus menutup pembuatnya. Mari kita pergi ke Ninja Forms> All Forms sehingga Anda dapat melihat bahwa setiap formulir yang Anda buat memiliki kode pendek yang unik. Kode pendek ini dapat disalin dan ditempel di halaman mana pun di situs web Anda.

Buat Formulir Kontak Di Wordpress 9

  • Opsi 2: Menggunakan kotak “Tambahkan Formulir Ninja”

Selain itu, Anda dapat menggunakan Formulir Ninja untuk menampilkan formulir kontak di halaman Anda dengan memilihnya dari daftar turun bawah di kotak “ Tambah Formulir Ninja ” di bilah sisi kanan.

Buat Formulir Kontak Di Wordpress 10

Sekarang mari kita periksa hasilnya.

Buat Formulir Kontak Di Wordpress 11

  • Opsi 3: Tampilkan formulir kontak di widget

Cukup navigasikan ke Widget> Penampilan. Menu pilihan, yang mencakup Widget Formulir Ninja , tersedia. Bergantung pada tujuan Anda, Anda dapat memilihnya dan memposisikan formulir di bilah sisi, bagian atas konten, atau bagian bawah konten. Last but not least, ingatlah untuk menyimpan pengaturan Anda.

Buat Formulir Kontak Di Wordpress 12

Metode 2: menggunakan Formulir yang Tangguh

Anda dapat membuat berbagai formulir, tes, survei, lembar waktu, dan hal-hal lain dengan bantuan Formidable Forms, plugin WordPress gratis yang memungkinkan Anda mengembangkan formulir. Ini menyediakan desainer formulir seret dan lepas bawaan, memungkinkan Anda mengembangkan formulir dengan mudah dengan banyak fitur. Selain itu, tersedia versi Premium. Namun dalam tutorial hari ini, kami juga menggunakan versi gratis sebagai ilustrasi.

Kami akan melewati langkah ini dan melanjutkan ke langkah berikutnya karena instalasi dan aktivasi plugin ini mirip dengan Ninja Forms.

Sekarang mari kita gunakan plugin Formidable Forms untuk membuat formulir kontak di WordPress dengan mengikuti petunjuk langkah demi langkah di bawah ini.

Langkah 1: Membangun formulir kontak

Setelah plugin terpasang dan aktif. Buka daftar alternatif dengan masuk ke Formidable> Forms(Lite) di dashboard Anda dan klik “ Add new.

Buat Formulir Kontak Di Wordpress 13

Anda dapat mendesain berbagai macam bentuk menggunakan Formidable. Namun, Anda hanya dapat membuat formulir menggunakan formulir kosong atau templat yang telah dibuat sebelumnya dengan versi gratis dari plugin ini (Anda perlu memberikan email untuk mendapatkan kode, lalu Anda bisa mendapatkan 10 templat yang sudah dibuat sebelumnya).

Dalam contoh ini, kami akan memilih Formulir Kosong untuk memulai.

Buat Formulir Kontak Di Wordpress 14

Untuk melanjutkan ke langkah berikutnya, Anda dapat mengisi nama dan deskripsi formulir dan klik tombol “ Buat ”.

Buat Formulir Kontak Di Wordpress 15

Di sini, Anda dapat menggunakan alat seret dan lepas untuk menambahkan bidang yang Anda inginkan ke daftar bidang yang dapat dilihat. Jika Anda mengklik bidang dan ingin menghapusnya, ikon tempat sampah akan muncul.

Buat Formulir Kontak Di Wordpress 16

Anda dapat memilih bidang yang ingin Anda sesuaikan untuk masing-masing bidang dengan berbagai opsi bermanfaat. Jika Anda ingin bidang ini diperlukan, klik kotak centang Diperlukan . Di sisi lain, Anda dapat memilih untuk tidak melakukannya.

Buat Formulir Kontak Di Wordpress 17

Judul formulir, pesan, dan banyak opsi lainnya dapat diubah di bawah bagian Umum dari tab Pengaturan . Anda dapat mengaktifkan atau menonaktifkan pemberitahuan email di bagian Tindakan dan Pemberitahuan . Kami menyarankan untuk meninggalkan nilai default jika Anda ingin mendapatkan konfirmasi surat dan pemberitahuan email.

Untuk menyelesaikan formulir kontak Anda, klik Perbarui . Secara khusus, plugin ini memungkinkan Anda untuk melihat hasil Anda dengan mengklik tombol pratinjau seperti yang ditunjukkan pada gambar di bawah.

Buat Formulir Kontak Di Wordpress 18

Langkah 2: Menambahkan Formulir Kontak ke halaman Anda

Sebelum Anda bisa kembali ke halaman Formidable, Anda harus menutup terlebih dahulu konstruktornya. Mari salin kode pendek formulir kontak Anda dan tempelkan ke kolom kode pendek.

Buat Formulir Kontak Di Wordpress 19

Jangan lupa untuk memublikasikan atau memperbarui modifikasi Anda setelah menempelkan kode pendek ini di lokasi mana pun di halaman Anda.

Buat Formulir Kontak Di Wordpress 20

Dan ternyata seperti ini!

Buat Formulir Kontak Di Wordpress 21

Kesimpulannya

Kami baru saja memberi Anda tutorial langkah demi langkah yang akan membantu Anda memanfaatkan dua plugin sederhana untuk membuat formulir kontak di situs web WordPress. Sudahkah Anda memilih opsi pilihan Anda? Jika Anda masih belum jelas, mari kunjungi blog perbandingan Ninja Forms dan Formidable Forms untuk mempelajari lebih lanjut perbedaan antara plugin ini.

Kami berharap posting ini memberi Anda beberapa tips bermanfaat untuk menampilkan formulir kontak dengan cepat dan mudah di halaman WordPress Anda. Jika Anda mengalami masalah saat menggunakan plugin ini, beri tahu kami di bagian komentar di bawah. Kami akan membantu Anda sesegera mungkin. Selain itu, masih ada alternatif bermanfaat lainnya yang memungkinkan Anda membuat berbagai formulir untuk situs web Anda; untuk informasi lebih lanjut, buka Plugin Pembuat Formulir WordPress. Jangan lupa untuk melihat daftar situs web kami tentang tema WordPress gratis yang fantastis juga.