Cara Membuat Formulir Kontak Di WordPress Tanpa Plugin

Diterbitkan: 2022-09-11

Salah satu hal hebat tentang WordPress adalah mudahnya menambahkan formulir kontak ke situs Anda tanpa harus menginstal plugin. Pada artikel ini, kami akan menunjukkan cara membuat formulir kontak di WordPress tanpa plugin. Kita akan mulai dengan membuat formulir kontak sederhana hanya dengan beberapa bidang. Kemudian kita akan menambahkan beberapa validasi dasar untuk memastikan bahwa formulir diisi dengan benar. Terakhir, kami akan menghubungkan formulir ke alamat email sehingga Anda dapat menerima pesan dari pengunjung Anda. Membuat formulir kontak di WordPress adalah cara yang bagus untuk memberi pengunjung Anda cara mudah untuk menghubungi Anda. Hanya dengan beberapa menit kerja, Anda dapat memiliki formulir kontak yang berfungsi penuh di situs Anda.

Cara terbaik untuk membuat formulir kontak WordPress tanpa plugin apa pun adalah dengan menggunakan WordPress itu sendiri. Anda perlu membuat template halaman. Formulir harus dikembangkan pada langkah kedua. Anda harus memeriksa apakah formulir telah dikirimkan, serta apakah bidang telah diisi dengan benar. Kesalahan yang berkaitan dengan pemrosesan data dan penanganan kesalahan akan ditampilkan kepada pengguna. Plugin validasi harus diunduh dan diunggah ke direktori /js tema (di bawah plugin validasi). Langkah 2: Setelah Anda menyalin file berikut, ganti namanya.

Anda dapat menggunakan direktori /js untuk menyimpannya sebagai file verif.js. Pada langkah 3, kita harus menautkan plugin ke tema WordPress. Langkah keempat adalah menggunakan plugin validasi jQuery untuk memverifikasi sisi klien. Hasilnya, Anda dapat yakin bahwa formulir telah diisi dengan benar dan diselesaikan tepat waktu.

Apakah Ada Formulir Kontak Gratis Untuk WordPress?

Kredit: formidableforms.com

Ada beberapa plugin formulir kontak gratis yang tersedia untuk WordPress. Namun, penting untuk diingat bahwa plugin gratis tidak selalu diperbarui sesering plugin berbayar, jadi mungkin ada lebih banyak risiko keamanan yang terkait dengan penggunaan plugin formulir kontak gratis.

Jika Anda ingin pelanggan Anda dapat menjangkau Anda, Anda harus membuat formulir kontak. Saat membuat, menggunakan, atau melihat bentuk yang ideal, itu harus sederhana dan mudah digunakan. Jika Anda ingin membuat formulir kontak yang berfungsi di situs web Anda, Anda mungkin memerlukan plugin. Enam plugin gratis atau murah dapat membantu Anda memilih plugin formulir kontak terbaik untuk situs web Anda. Muncul dengan integrasi bawaan dengan portal pembayaran populer dan logika bersyarat, serta kemampuan untuk menyesuaikan hampir setiap aspek formulir Anda. Di Formulir Kontak 7, ada bidang untuk nama pengguna, alamat email, subjek, dan pesan. Anda harus menyertakan kelas atau atribut ID sebelum melakukan metode pemformatan khusus apa pun.

Tab Mail dapat digunakan untuk mengubah alamat email mana yang muncul di formulir kontak serta untuk mengubah beberapa opsi tambahan terkait tata letak email. Tab Pesan berisi daftar panjang bidang yang dapat Anda ubah teks standar pesan apa pun. Versi gratis mencakup bidang-bidang seperti nama, alamat email, nomor telepon, URL, dan tanggal dan waktu. Formidable adalah pembuat formulir WordPress dengan antarmuka yang menarik dan berbagai templat. Pada versi Pro, ada lebih banyak templat dan bidang yang harus diisi, termasuk mengunggah gambar dan file, seharga $99 per lisensi lima situs. Anda juga dapat menambahkan banyak bidang premium seharga $99 hingga $699, dengan kisaran harga $99 hingga $599. Formidable Ninja Forms juga memiliki rating bintang 4 setengah yang fantastis.

Anda akan mendapatkan pengalaman yang benar-benar mendalam dengan plugin ini, dan Anda akan melihat bahwa dasbor Anda menghilang, membuat Anda merasa tersesat di WordPress. Platform ini bukan pembuat formulir WordPress gratis terbaik, tetapi mampu melakukan formulir kontak sederhana yang dapat Anda buat sendiri. Plugin formulir sederhana dapat digunakan untuk membuat berbagai formulir dasar, seperti formulir kontak atau pendaftaran buletin. Pembuat formulir yang lebih canggih, seperti Forminator, dapat membantu Anda menjual produk, klien onboard, mengotomatiskan alur kerja Anda, dan membangun aplikasi. Panduan pemula formulir kontak WordPress kami akan menjadi tempat yang sangat baik untuk memulai jika Anda baru memulai.

Formulir Kontak Sederhana Untuk WordPress

Kredit: WPForms

Formulir kontak sederhana untuk WordPress dapat dibuat dengan menggunakan plugin Contact Form 7. Plugin ini memungkinkan Anda untuk membuat formulir kontak khusus dan menambahkannya ke situs WordPress Anda. Plugin ini mencakup sejumlah fitur, seperti kemampuan untuk membuat beberapa formulir, menambahkan bidang khusus, dan mengelola pengiriman.

Jika pelanggan Anda dapat menghubungi Anda melalui formulir kontak di situs web Anda, mereka akan memiliki waktu termudah untuk menghubungi Anda. Selanjutnya, Anda dapat menggunakannya untuk mengumpulkan prospek dan alamat email untuk mengembangkan daftar email Anda. Kami akan memandu Anda melalui proses pembuatan formulir kontak WordPress di artikel ini. Langkah pertama dalam Tantangan WPForms adalah memberi nama formulir kontak Anda. Kemudian, Anda harus memilih template atau membuat formulir Anda sendiri dari awal. Langkah terakhir adalah memeriksa pengaturan notifikasi untuk formulir. Jika Anda menggunakan Tag Cerdas, Anda juga dapat memberi tahu pengunjung saat mereka mengirimkan formulir.

Dengan WPForms Lite, Anda dapat membuat formulir kontak gratis WordPress yang indah dan menyesuaikannya dengan captcha seperti reCAPTCHA 2 dan 3. Di WordPress, Anda dapat membuat formulir multi-langkah jika Anda ingin membuat formulir yang lebih panjang. Anda mungkin juga ingin memeriksa peretasan formulir web pintar ini yang dapat membantu Anda mengungkap informasi pelanggan yang tersembunyi.

Formulir Kontak WordPress Ajax Tanpa Plugin

Kredit: WPForms

Formulir kontak Ajax menjadi semakin populer karena menyediakan cara yang cepat dan mudah untuk mengirimkan informasi tanpa harus memuat ulang halaman. Ada beberapa cara untuk membuat formulir kontak Ajax tanpa menggunakan plugin. Salah satu caranya adalah dengan menggunakan Plugin Formulir jQuery . Plugin ini memungkinkan Anda untuk mengirimkan informasi melalui Ajax tanpa harus menulis kode khusus apa pun. Cara lain adalah dengan menggunakan WordPress API. API WordPress memiliki fungsi yang disebut wp_ajax_nopriv_contact_form yang memungkinkan Anda mengirimkan informasi melalui Ajax tanpa menggunakan plugin.

Jika Anda belum memiliki plugin WordPress , Anda dapat membuat formulir kontak menggunakan templat halaman khusus. Tujuan dari tutorial ini adalah menggunakan template dan kemudian membuat halaman berdasarkan template tersebut. Untuk mengetahui bagaimana template halaman kita akan terstruktur, kita akan mengkodekan sedikit kode semu. Kami akan menggunakan honeypot untuk mencari tahu siapa yang mengirimkan formulir dan mengapa. Kami menggunakan captcha honeypot untuk tujuan ini juga, jika kolom tidak diisi, tetapi jika ya, kami tidak akan memeriksanya lagi. Menurut pendapat saya, lebih baik bagi saya untuk mengirimkan formulir kontak sendiri. Saya cukup menambahkan filter Gmail untuk memastikan filter itu tidak terdeteksi oleh filter spam saya.

Dalam artikel saya sebelumnya, saya menyebutkan formulir jQuery AJAX, tetapi kali ini saya akan membahas skrip formulir kontak AJAX . Anda dapat melanjutkan selama Anda tidak mengunggah file tambahan apa pun. Karena kodenya tepat di depan Anda, seharusnya mudah untuk ditambahkan dan diubah.

Cara Membuat Formulir Php Di WordPress

Untuk membuat formulir php di wordpress, Anda perlu menginstal plugin seperti Gravity Forms. Setelah terinstal, Anda perlu membuat formulir di antarmuka plugin. Setelah formulir dibuat, Anda perlu menyalin kode dan menempelkannya ke posting atau halaman di situs wordpress Anda.

Kode Pendek Formulir Kontak WordPress

Bagaimana cara menambahkan formulir kontak ke artikel? Untuk menambahkan formulir kontak, buka halaman Kontak (Contact). Setiap formulir kontak memiliki kode pendeknya sendiri, seperti [contact-form-7 id=1234″ title=Contact form 1″].