Cara Menambahkan Formulir Kontak di WordPress (Tutorial 2023)

Formulir kontak adalah cara terbaik untuk mengumpulkan informasi dari pengunjung situs WordPress Anda. Baik Anda ingin mencatat pesanan, tanggapan survei, atau lamaran pekerjaan, menambahkan formulir kontak WordPress adalah cara efektif bagi pengunjung situs web untuk menghubungi dan berinteraksi dengan Anda dan merek Anda secara online.

Manfaat Menggunakan Formulir Kontak WordPress

Ada banyak platform dan alat online yang tersedia yang memungkinkan Anda membuat formulir. Banyak platform modern menyediakan antarmuka, pelaporan, dan analitik yang mudah digunakan, di antara fitur-fitur lainnya. Namun, dengan menggunakan formulir kontak WordPress, Anda dapat memiliki semua fitur ini dan lebih banyak lagi dalam antarmuka WordPress Anda. Berikut beberapa manfaat lain yang bisa Anda peroleh menggunakan formulir kontak WordPress:

• Pembuatan Prospek – Saat Anda menggunakan formulir kontak WordPress, Anda dapat memanfaatkan entri tersebut untuk meningkatkan audiens melalui situs web Anda. Plugin formulir yang baik akan memiliki banyak fitur bawaan, jadi Anda tidak memerlukan plugin terpisah untuk menghasilkan prospek, saluran konten, keikutsertaan email, integrasi CRM, dan banyak lagi. Sulit untuk melakukan hal ini jika pengunjung mengirim email kepada Anda langsung dari situs web Anda atau platform email mereka.
• Keamanan dan Validasi Lebih Baik – Dengan formulir yang dibuat secara asli di situs WordPress Anda, Anda dapat memastikan keterkiriman hasil formulir Anda dan menggunakan layanan perlindungan spam seperti Recaptcha, Akismet, dan banyak lagi, melindungi alamat email dan data pengguna Anda.
• Kelola Entri dan Kontak di Satu Tempat – Formulir kontak WordPress memungkinkan Anda memiliki satu lokasi pusat untuk entri formulir dan dapat menggunakannya di seluruh situs Anda. Banyak plugin formulir memungkinkan Anda mengurutkan, mengatur, dan mengekspor konten dari formulir yang dapat Anda simpan dan dengan mudah membuat database lengkap. Hal ini tidak mungkin dilakukan jika orang mengirimi Anda email secara langsung.
• Buat Berbagai Jenis Formulir dengan Fungsi Tingkat Lanjut – Survei, jajak pendapat, formulir aplikasi, dan lainnya semuanya dapat dibuat dengan mudah menggunakan formulir kontak WordPress. Batasannya hanyalah imajinasi Anda, dan dengan pembuat formulir yang memungkinkan fitur seperti perhitungan tingkat lanjut, bidang bersyarat, dan banyak lagi, memiliki formulir kontak di situs web Anda membantu menjadikan situs Anda pengalaman interaktif bagi pengunjung Anda yang akan membuat mereka tetap tinggal – dan kembali lagi – ke situs web Anda.

Cara Menambahkan Formulir Kontak ke Situs WordPress Anda (Langkah demi Langkah)

Kami akan menggunakan plugin Formulir Kontak WPForms yang populer dan kaya fitur untuk menambahkan formulir kontak ke situs WordPress kami. Kami mulai dengan menginstal plugin ke situs web kami.

Instal WPForm

Pertama, masuk ke dashboard WordPress Anda, dan arahkan kursor ke Plugins . Lalu, klik Tambah Baru dan di kotak pencarian, masukkan WPForms . Klik tombol Instal untuk memulai proses instalasi plugin.

Terakhir, klik tombol Activate berwarna biru untuk menyelesaikan instalasi plugin WPForms.

Sekarang plugin telah diinstal dan diaktifkan, Anda dapat melihat bahwa item menu baru telah ditambahkan ke menu WordPress Anda.

Membuat Formulir Pertama Anda

WPForms memberi Anda banyak tempat untuk menambahkan formulir baru setelah Anda menavigasi ke dasbor. Kita akan mulai dengan mengklik tombol Tambah Baru berwarna oranye di bagian atas dasbor.

Proses pembuatan formulir di WPForms dimulai dengan memberi nama formulir Anda dan memilih salah satu dari banyak templat yang tersedia. Untuk memberi nama formulir Anda, masukkan judul dalam kotak teks Judul . Lalu pilih Templat formulir Anda . Kita akan membuat formulir khusus untuk tutorial kita, jadi mari pilih templat Formulir Kosong .

Setelah memilih Templat formulir kosong, Anda disajikan dengan pembuat drag-and-drop WPForms yang indah. Dari sisi kiri, Anda akan menemukan jenis bidang Anda.

Bahkan dengan versi gratisnya, Anda diberikan beberapa jenis bidang formulir yang dapat memberdayakan Anda untuk membuat formulir yang menakjubkan. Kami akan membuat formulir kontak sederhana dan menggunakan bidang teks nama, email, dropdown, dan paragraf untuk formulir kami.

Sekarang setelah bidang formulir kita dipilih, mari kita lihat beberapa penyesuaian yang dapat kita lakukan dengan WPForms.

Menyesuaikan Formulir dan Bidang Formulir Anda

Pertama, mari kita klik pada bidang Formulir Nama . Selanjutnya, kita akan memilih tab Umum dari Opsi Bidang untuk bidang formulir ini. Sekarang, kita akan mengubah format bidang ini dan memilih First Middle Last . Terakhir, kita akan mengaktifkan bidang Formulir yang Diperlukan . Artinya, kami telah mewajibkan pengisian kolom formulir ini.

Selanjutnya, mari kita klik pada tab Advanced . Mari tambahkan placeholder ke kolom nama kita dengan mengisi kolom placeholder dengan teks pilihan kita.

Untuk menyesuaikan field email kita terlebih dahulu, klik pada field email . Kemudian, klik pada tab Umum . Untuk bidang ini, tambahkan opsi konfirmasi email (artinya pengguna harus mengonfirmasi email mereka dengan memasukkannya dua kali). Kami melakukan ini dengan mengaktifkan Bidang Konfirmasi Email .

Untuk bidang tarik-turun kita, mari klik bidang tersebut untuk memulai . Kemudian, klik pada tab Umum . Sekarang, kami menambahkan label ke kolom formulir sehingga pengguna kami mengetahui tujuan dropdown ini. Terakhir, kami akan menambahkan opsi kami ke bidang ini .

Terakhir, kita akan beralih ke kolom formulir terakhir, kolom paragraf. Klik pada kolom formulir , lalu klik pada tab Umum . Tetapkan bidang tersebut dengan label . Sekarang kita telah mengedit kolom formulir dalam formulir kontak, mari sesuaikan pengaturan formulir agar sesuai dengan kebutuhan kita.

Menyesuaikan Pengaturan Formulir Anda

Untuk menyesuaikan pengaturan formulir kami, klik ikon Pengaturan dari sisi kiri pembuat formulir. Kemudian, klik pada tab Umum . Tab ini memungkinkan Anda untuk mengedit pengaturan umum formulir, seperti nama, deskripsi, tag, dll. Kami akan melanjutkan dan mengubah teks pada tombol kirim. Gulir ke bawah ke kotak teks Kirim Tombol Teks . Lalu, masukkan Kirim Pesan .

Selain itu, kita akan mengubah teks pemrosesan untuk formulir kita. Tambahkan teks pilihan Anda ke kotak teks . Dalam kasus kami, kami mengeditnya menjadi Mengirim Pesan.

WPForms memiliki keamanan bawaan; namun, jika Anda memiliki penyedia lain yang ingin Anda gunakan, Anda dapat menggunakan tab Perlindungan dan Keamanan Spam untuk mengintegrasikan penyedia spam dan keamanan pilihan Anda dengan formulir Anda. Kami akan menggunakan ketentuan asli yang dimiliki WPForm untuk formulir kami sekarang.

Sekarang, mari tambahkan beberapa notifikasi ke formulir kita. Ini berarti kami akan menerima email ketika pengunjung mengunjungi situs web kami dan mengirimkan pesan melalui formulir kami. Untuk mengaktifkan ini, pertama-tama, klik pada tab Notifikasi . Lalu, mari kita ubah baris Subjek Email menjadi Pesan Formulir Situs Web Baru. Mari kita sesuaikan juga Nama Dari dengan nama yang akan kita kenali di kotak masuk email kita. Dengan WPForms versi pro, beberapa notifikasi dapat ditambahkan di masa mendatang.

Terakhir, kirimkan konfirmasi kepada pengunjung situs web kita bahwa kita telah berhasil menerima entri formulir mereka. Untuk melakukan ini, klik opsi menu Konfirmasi . Kemudian, sesuaikan pesan konfirmasi Anda di kotak teks . Anda juga dapat mengarahkan pengguna ke halaman lain di situs Anda atau menampilkan halaman lain selain menampilkan pesan di layar.

Setelah melakukan semua perubahan pada formulir Anda, klik tombol Simpan berwarna oranye di sudut kanan atas layar. Setelah formulir kita dibuat, mari tambahkan ke halaman kita!

Menambahkan Formulir Kontak Anda ke Halaman WordPress

Untuk menambahkan formulir ke halaman Anda, buat halaman baru di situs web Anda atau edit halaman yang sudah ada. Mari buat halaman baru untuk formulir kontak kita. Pertama, arahkan kursor ke opsi menu Halaman , lalu klik Tambah Baru .

Setelah kita diarahkan ke editor halaman default WordPress, beri judul pada halaman Anda . Kemudian klik ikon plus hitam untuk membuka perpustakaan blok yang tersedia . Cari WPForms dan pilih blok WPForms .

Pilih formulir Anda dari dropdown formulir yang tersedia.

Dengan formulir yang Anda pilih, kita dapat mulai menatanya dari dalam Editor Blok.

Menata Formulir Anda

WPForms membuatnya sangat mudah untuk menata formulir kontak Anda. Meskipun Anda dapat menggunakan CSS, Anda juga dapat menggunakan alat sederhana dalam Editor Blok untuk mengedit dan menata formulir Anda.

Di dalam editor, Anda dapat mengubah warna bidang formulir, ukuran bidang formulir, dan banyak lagi hanya dengan beberapa klik mudah. Inilah tampilan formulir kami sebelum menambahkan pengeditan gaya:

Setelah ditata, seperti inilah bentuk kita. Perhatikan tombol kirim telah berubah warna, dan pengeditan telah dilakukan pada batas bidang formulir. Jangan lupa kita juga dapat menetapkan kelas CSS untuk setiap aspek formulir kita dan menggunakan CSS untuk menyesuaikan formulir kita lebih lanjut.

Dengan formulir kami yang disesuaikan dan bidang kami sudah siap, kami telah berhasil membuat formulir WordPress pertama kami! Berikut adalah beberapa tip dan trik yang harus Anda ingat saat membuat formulir kontak Anda.

Cara Memaksimalkan Formulir Kontak Anda

Formulir kontak memungkinkan Anda menambahkan koneksi dinamis dengan pengunjung situs Anda. Namun, ada beberapa tip yang harus Anda ingat saat berencana membangun situs Anda.

Berpikir di luar kotak

Meskipun kami membuat formulir sederhana dalam tutorial ini, WPForms dan plugin formulir kontak lainnya memiliki ratusan templat yang dapat Anda gunakan untuk membuat beragam formulir. Formulir tidak hanya digunakan untuk mengumpulkan informasi kontak tetapi juga penting untuk kesuksesan bisnis Anda. Anda dapat membuat survei, melakukan jajak pendapat, dan membuat penawaran harga untuk klien dengan banyak pembuat formulir WordPress. Bahkan dimungkinkan untuk menggunakan formulir kontak untuk mengumpulkan permintaan personalisasi produk. Selain itu, jangan takut untuk berkreasi dalam cara Anda menggunakan formulir di situs web Anda.

Jaga Keamanan Formulir Anda

Spammer akan menggunakan segala cara untuk mencapai tugas mereka; salah satu metodenya adalah formulir kontak online. Namun, fitur keamanan seperti Akismet atau Recaptcha dapat membantu menjaga keamanan konten formulir dan alamat email Anda. Jangan lupa untuk menjaga keamanan formulir Anda dengan ketat saat Anda menambahkan formulir ke situs web Anda.

Kekuatan Integrasi

Integrasi adalah tempat penggunaan formulir kontak WordPress asli bersinar. Anda dapat membuat formulir berlangganan email khusus yang secara otomatis mengisi solusi pemasaran email Anda (seperti Mailchimp). Formulir Anda dapat dihubungkan ke CRM, memungkinkan Anda memelihara prospek secara efektif. Formulir kontak WordPress menanamkan kepercayaan pada pelanggan Anda karena mereka terlihat dan terasa seperti situs web Anda. Formulir Anda menjadi pembangkit tenaga listrik yang mengisi berbagai aspek bisnis Anda sekaligus menjaga proses Anda tetap lancar dan efisien.

Sesuaikan Pemberitahuan Formulir dan Email Anda

Ingatlah untuk menyesuaikan notifikasi dan email Anda jika Anda mengirimkan notifikasi kepada diri sendiri atau pengunjung Anda. Menambahkan warna merek Anda, mengubah teks boilerplate, dan banyak lagi membuat pengunjung situs web Anda merasa mempercayai merek Anda. Selain itu, jika Anda mengarahkan orang ke halaman berbeda setelah pengiriman formulir, pastikan halaman ini memberikan semua informasi yang dibutuhkan pelanggan Anda untuk memulai langkah selanjutnya dengan situs web Anda.

Pikirkan Tentang Pengalaman Pengguna

Membuat formulir yang dioptimalkan untuk konversi memastikan pengunjung Anda berhasil mengisi dan mengirimkan formulir Anda. Membuat formulir yang lugas dan mudah dipahami membantu memandu pengunjung agar pengiriman formulir berhasil. Pertimbangkan untuk menambahkan keterangan alat, deskripsi, petunjuk arah, dan placeholder yang memberi tahu pelanggan Anda tentang berbagai bidang dan bagian formulir Anda, sehingga memberi mereka proses yang lancar dan tanpa hambatan dalam melengkapi formulir Anda.

Pertimbangkan Aksesibilitas

Meskipun tidak sering dibahas, aksesibilitas menjadi yang terdepan dalam desain web. Pertimbangkan bagaimana pengguna lain dapat berinteraksi dengan formulir Anda melalui cara alternatif. Memastikan bahwa label, ARIA, urutan tab, dan lainnya tersedia membantu mereka yang mungkin menggunakan internet secara berbeda juga untuk menggunakan situs web Anda dan pada akhirnya merasakan elemen interaktif situs web Anda dengan cara yang paling sesuai dengan kebutuhan mereka.

Lebih Banyak Plugin dan Platform Formulir Kontak

Berikut adalah beberapa plugin dan platform formulir kontak alternatif untuk diuji.

• Formulir yang Tangguh: Pembuat formulir populer yang memiliki antarmuka drag-and-drop yang bersih, lebih dari 15 add-on premium, membuat kalkulator tingkat lanjut, dan banyak lagi
• Gravity Forms: Plugin formulir WordPress lain yang memiliki perpustakaan lebih dari 30 jenis bidang formulir, integrasi pemroses pembayaran, dan templat formulir kompleks seperti kuis, survei, dan banyak lagi
• Formulir Ninja: Terintegrasi dengan platform seperti AWeber dan CampaignMonitor, plugin formulir ini menawarkan lebih dari 40 add-on premium, menjadikannya pembuat formulir yang hebat bagi mereka yang menghargai integrasi.
• Formulir Kontak 7: Plugin formulir WordPress yang kuat dan gratis dengan banyak integrasi dari Mailchimp hingga Stripe
• Divi: Tema WordPress paling kuat memiliki modul Formulir Kontak hebat yang menjadikan pembuatan formulir bermerek dan responsif seluler di situs web Anda menjadi proses yang lancar
• Google Formulir: Pembuat formulir gratis lainnya, Google Formulir hadir dengan setiap akun Google dan merupakan pembuat formulir yang kuat dengan analisis yang sangat baik, memungkinkan formulir multi-halaman, dan banyak lagi.
• Typeform: Pembuat formulir ini telah menjadi populer selama bertahun-tahun karena desain UI-nya yang indah, animasi formulir, dan integrasinya. Ini menawarkan cara unik bagi pengguna untuk terlibat dengan formulir dalam cara percakapan.
• Jotform: Salah satu pembuat formulir online pertama, Jotform telah mengalami banyak perubahan dan tetap menjadi salah satu platform pembuat formulir online gratis terpopuler.

Kesimpulan

Formulir kontak adalah alat ampuh yang harus dimiliki setiap situs web. Ini bukan hanya cara bagi klien untuk menghubungi Anda, namun juga cara untuk menambahkan elemen interaktif ke situs web Anda. Dengan plugin seperti WPForms, yang dilengkapi dengan pembuat drag-and-drop, membuat formulir yang sangat fungsional dan indah menjadi mudah. Integrasi, notifikasi, dan keamanan adalah fitur yang menjadikan pembuatan formulir kontak WordPress asli sebagai andalan dalam proses pembuatan situs web. Untuk melanjutkan penelitian Anda, lihat daftar plugin formulir kontak terbaik kami yang dapat Anda tambahkan ke situs web berikut. Bagaimana Anda menambahkan formulir kontak ke situs web Anda? Apakah ada plugin yang Anda sukai dan ingin kami pelajari lebih lanjut? Beri tahu kami di bagian komentar di bawah!

Gambar Unggulan melalui Viktoria Kurpas / shutterstock.com