# Cara Membuat Formulir Kontak di WordPress: Panduan Lengkap URL: https://noonwp.com/id/journal/cara-membuat-formulir-kontak-di-wordpress Type: blog Locale: id Published: 2026-10-20 Updated: 2026-10-23 --- > Buat formulir kontak di WordPress dalam sepuluh menit, lalu pastikan emailnya benar-benar sampai. Pilihan plugin, penempatan blok, SMTP, pertahanan spam, dan uji di situs live. Cara membuat formulir kontak di WordPress sebenarnya cukup singkat: pasang plugin formulir, susun formulir dengan nama, email, dan pesan, lalu letakkan di halaman memakai blok plugin tersebut. Tiga langkah itu memakan sekitar sepuluh menit. Bagian terakhir, yaitu memastikan pesan benar-benar sampai, adalah tempat sebagian besar formulir kontak diam-diam gagal, dan bagian inilah yang paling banyak dibahas di artikel ini. WordPress inti tidak memiliki blok formulir. Blok tema modern memberi Anda halaman yang rapi, Group, tata letak Columns, dan Button, tetapi tidak ada yang mengumpulkan atau mengirim data. Jadi pertanyaan yang sebenarnya adalah plugin mana yang Anda pilih dan bagaimana Anda menyiapkan pengiriman emailnya. ## Apakah Anda membutuhkan plugin untuk membuat formulir kontak di WordPress? Ya, untuk formulir yang akan Anda pakai terus-menerus. Anda bisa menulis formulir HTML mentah dan handler PHP di child theme, dan tutorial yang menunjukkannya memang akurat. Namun, handler itu kemudian menjadi tanggung jawab Anda: validasi, penyaringan spam, pemeriksaan nonce, escaping, penyimpanan data, dan pesan error. Artinya, Anda kini memelihara sebuah plugin kecil sendiri. Di situs klien, biaya pemeliharaan itulah yang menentukan. Handler yang Anda tulis tahun 2024 masih akan berjalan di situs itu pada 2028, jauh setelah Anda lupa bagaimana ia menangani pengiriman yang gagal. Plugin yang terawat menerima perbaikan keamanan tanpa Anda harus memikirkannya. Jadi, hindari formulir buatan sendiri kecuali formulir itu memang bagian dari produk Anda. Pendekatan ini hanya layak jika Anda membangun plugin atau alur kerja yang sangat tidak lazim. ## Plugin formulir WordPress mana yang sebaiknya Anda pilih? Lima plugin ini mencakup hampir semua kebutuhan. Pilihlah berdasarkan apa yang terjadi setelah formulir dikirim, bukan berdasarkan galeri template. - **Blok Formulir Jetpack**: blok native yang tidak perlu dipelajari panjang lebar, cocok untuk halaman kontak sederhana. Terikat pada Jetpack, yang tidak semua klien inginkan. - **WPForms Lite**: pembuat formulir drag and drop dengan antarmuka yang ramah. Logika kondisional dan pembayaran ada di paket berbayar. - **Fluent Forms**: paket gratis yang lega, pembuat formulir yang cepat, dan cocok untuk agensi yang memakai ulang formulir di banyak situs. - **Contact Form 7**: gratis dan ringan, dikonfigurasi lewat template teks. Tidak punya pembuat visual, jadi kurang ideal jika diserahkan kepada klien. - **Gravity Forms**: hanya berbayar, dengan ekosistem add-on dan developer yang paling lengkap. Cocok untuk formulir multi-langkah dan integrasi. Untuk halaman kontak standar di tema blok, Fluent Forms atau blok Jetpack sudah cukup. Jika formulir harus masuk ke CRM, pilih Gravity Forms atau WPForms Pro dan berhenti membandingkan. Dokumentasi Jetpack menjelaskan [cara kerja blok Formulir di dalam editor](https://jetpack.com/resources/wordpress-contact-form/), termasuk penempatan di footer dan template. Bagian itu tetap berguna walaupun Anda memilih plugin lain. ## Bagaimana cara membuat formulirnya? Pasang dan aktifkan plugin Anda dari Plugins > Add New, lalu buat formulir baru dari template Contact atau Simple. Sebelum menyentuh pembuat formulir, tentukan kolomnya di atas kertas. Setiap kolom tambahan menurunkan jumlah orang yang menyelesaikan pengisian. ![Sketsa pensil formulir kontak empat kolom dengan tombol kirim di atas kertas krem](https://fdzlnqpwsaniezitwiuw.supabase.co/storage/v1/object/public/cms-media/noonwp/2026-10/710788-i1.webp) Formulir kontak yang berfungsi untuk sebagian besar situs kecil memiliki empat kolom: nama, email, kotak pesan, dan dropdown subjek atau topik jika kotak masuk Anda perlu disortir. Kolom nomor telepon merusak konversi, kecuali Anda memang akan menelepon balik. Tiga pengaturan lebih penting daripada tata letak. Pertama, tandai hanya email dan pesan sebagai wajib diisi. Kedua, tulis label nyata di atas setiap kolom, bukan teks placeholder di dalam kolom. Placeholder hilang begitu pengunjung mulai mengetik dan sering gagal uji kontras, yang penting untuk standar WCAG 2.2. Ketiga, atur konfirmasi agar menampilkan pesan di halaman yang sama, bukan redirect, kecuali Anda memerlukan URL halaman terima kasih untuk pelacakan. Jika situs Anda juga melayani pengunjung berbahasa Arab, uji formulir dalam mode RTL sebelum dirilis. Label dan tombol biasanya ikut tercermin dengan benar ketika bahasa situs diatur ke locale RTL. Kolom email tidak selalu mengikuti, karena alamat email adalah string kiri-ke-kanan. Paksa `dir="ltr"` pada input itu dengan aturan CSS kecil atau opsi atribut kustom plugin, jika tidak kursor akan melompat saat pengunjung mengetik tanda at. ## Bagaimana cara menambahkan formulir ke halaman di block editor? Buat halaman bernama Kontak, buka inserter dengan tombol plus, lalu cari nama plugin Anda. Setiap plugin formulir yang serius mendaftarkan blok sendiri. Pilih blok itu, pilih formulir yang sudah Anda buat, lalu terbitkan. Anda juga bisa menaruhnya di tempat lain. Di Site Editor, buka Appearance > Editor, pilih template part seperti footer atau template halaman, lalu sisipkan blok yang sama di sana. Begitulah cara Full Site Editing menaruh formulir pendek di setiap footer tanpa shortcode. Ada dua catatan tata letak dari pekerjaan klien. Letakkan formulir di dalam Group dengan lebar maksimum sekitar 640 piksel, karena formulir yang melebar sampai kolom 1200 piksel sulit dibaca. Lalu tambahkan satu baris teks biasa di atasnya yang berisi alamat email langsung. Sebagian pengunjung tidak akan memakai formulir sama sekali, dan memberi mereka alamat email tidak memerlukan biaya apa pun. ## Mengapa email dari formulir kontak Anda tidak pernah datang? Karena WordPress mengirim email lewat fungsi mail PHP bawaan server web, dan server email penerima tidak mempercayainya. Fungsi `wp_mail()`, yang didokumentasikan di [referensi pengembang WordPress](https://developer.wordpress.org/reference/functions/wp_mail/), menyerahkan pesan ke apa pun yang disediakan server. Di hosting bersama, itu sering berarti pengirim tanpa autentikasi yang gagal pemeriksaan SPF dan DKIM. Gmail dan Outlook kemudian memasukkan pesan ke folder spam atau menolaknya sama sekali. Bagian yang licik: formulir tetap menampilkan pesan sukses berwarna hijau. Plugin sudah menjalankan tugasnya, server menerima pesan itu, tetapi pesan tidak pernah sampai ke kotak masuk. Cara tercepat memastikan hal ini adalah memasang plugin pencatat email, yang menampilkan setiap pengiriman beserta statusnya di dasbor WordPress. Jika log menunjukkan pesan diterima server tetapi tidak ada status pengiriman dari penyedia email, masalahnya hampir pasti ada di autentikasi domain, bukan di formulir. Dengan begitu Anda tidak menghabiskan sore hari mengubah kode yang sebenarnya sudah benar. ![Amplop putih terselip lewat celah surat kuningan pada pintu hijau](https://fdzlnqpwsaniezitwiuw.supabase.co/storage/v1/object/public/cms-media/noonwp/2026-10/1a3832-i2.webp) Perbaikannya terdiri dari tiga bagian: - Pasang plugin SMTP seperti WP Mail SMTP, FluentSMTP, atau Post SMTP, lalu hubungkan ke layanan email transaksional. - Atur alamat "From" ke alamat di domain Anda sendiri, misalnya `hello@domainanda.com`, bukan alamat Gmail gratis. - Tambahkan catatan SPF dan DKIM yang diberikan layanan email Anda ke DNS domain, dan terbitkan catatan DMARC, bahkan yang hanya untuk pemantauan. Layanan mana yang dipilih? Untuk formulir kontak yang hanya mengirim beberapa pesan per hari, hampir semua penyedia transaksional bisa dipakai. Postmark dibuat khusus untuk pekerjaan ini dan memisahkan email transaksional dari email pemasaran. Jika klien juga ingin menindaklanjuti prospek dengan newsletter nanti, Brevo mencakup pengiriman transaksional dan kampanye dalam satu akun, dengan paket gratis yang cukup untuk situs kecil. Tutorial [Mailtrap langkah demi langkah](https://mailtrap.io/blog/wordpress-contact-form/) menjelaskan penyiapan SMTP yang sama dengan tangkapan layar, jika Anda ingin referensi kedua. ## Bagaimana cara menghentikan spam tanpa mengganggu pengunjung sungguhan? Formulir publik akan menarik bot dalam beberapa hari. Jawaban yang paling umum adalah CAPTCHA, dan itu sering menjadi jawaban pertama yang keliru, karena setiap tantangan tambahan mengurangi jumlah pengiriman yang sungguhan. Susun pertahanan berlapis dalam urutan ini, dan berhenti begitu spam berhenti. Mulailah dengan honeypot, yaitu kolom tersembunyi yang tidak pernah diisi manusia tetapi selalu diisi bot. Sebagian besar plugin formulir sudah menyertakannya dan aktif secara default. Tambahkan Akismet jika plugin mendukungnya. Jika spam tetap ada, pasang tantangan yang ramah privasi seperti Cloudflare Turnstile sebelum beralih ke teka-teki gambar yang terlihat. Simpan reCAPTCHA kotak centang klasik untuk formulir yang terus-menerus diserang. Batasi juga laju permintaan di level server jika memungkinkan. Satu IP yang mengirim empat puluh pengiriman per menit bukan pengunjung. Dari sisi hukum, jika situs Anda melayani pengunjung dari Indonesia, pertimbangkan juga UU Pelindungan Data Pribadi, yang mensyaratkan dasar persetujuan dan pembatasan lamanya data pribadi disimpan. Tambahkan kotak persetujuan yang tidak dicentang dengan tautan ke kebijakan privasi, dan atur plugin agar tidak menyimpan entri lebih lama dari yang diperlukan. Banyak plugin menyimpan setiap pengiriman di database selamanya secara default. Ubah pengaturan itu. ## Bagaimana cara menguji formulir sebelum menyerahkannya ke klien? Uji seperti orang asing yang baru pertama kali membuka situs, dan lakukan di domain live, bukan di staging. Staging sering memblokir email keluar, jadi hasil lulus di sana tidak membuktikan apa-apa. ![Tangan mengetik di keyboard di samping ponsel, menguji pengiriman formulir pada malam hari](https://fdzlnqpwsaniezitwiuw.supabase.co/storage/v1/object/public/cms-media/noonwp/2026-10/b26618-i3.webp) Kirim formulir dari ponsel dengan kuota seluler menggunakan alamat Gmail, lalu ulangi dengan alamat Yahoo atau Outlook. Periksa kotak masuk dan folder spam di alamat penerima. Buka header pesan dan cari `spf=pass` dan `dkim=pass`. Kirim sekali dengan semua kolom kosong dan sekali dengan email yang sengaja salah, untuk memastikan pesan error jelas dan bisa dibaca pembaca layar. Setelah itu, isi formulir hanya dengan keyboard. Jika Anda tidak bisa mencapai tombol kirim dengan Tab atau tidak melihat kolom mana yang sedang fokus, perbaiki gaya fokus di tema Anda. Satu hal lagi: simpan catatan pengiriman. Ini bagian yang sering dilupakan. Tambahkan fitur plugin atau layanan email yang menyimpan pesan terkirim, sehingga ketika klien berkata "saya tidak pernah menerima pertanyaan itu", Anda bisa menjawab dalam satu menit, bukan dalam satu hari penuh. ## Kapan plugin formulir adalah alat yang salah? Kadang formulir kontak bukan yang dibutuhkan pengunjung. Untuk toko online, widget dukungan yang membaca data pesanan lebih berguna daripada kotak pesan kosong. Untuk halaman landing lead generation, formulir sebaiknya menjadi bagian dari alur yang lebih besar dengan pelacakan. Jika pengiriman harus masuk ke CRM atau spreadsheet, kirim langsung ke sana daripada menyalin email secara manual. Plugin formulir dengan koneksi Zapier bisa mendorong setiap entri ke Sheets, Slack, atau pelacak proyek Anda hanya dengan beberapa klik. Dan jika formulir adalah pintu depan sebuah pipeline penjualan, CRM dengan formulir tertanam sendiri menghapus satu plugin dari tumpukan Anda dan menjaga riwayat kontak di satu tempat. Formulir gratis HubSpot adalah contoh yang umum. Polanya sama di mana pun. Formulir adalah sepuluh menit yang mudah. Pengiriman, aturan spam, dan tindak lanjut adalah pekerjaan yang sebenarnya. Buka formulir kontak situs Anda malam ini, kirim pesan ke diri sendiri dari akun yang berbeda, dan lihat berapa lama sampai pesan itu tiba. ## FAQ ### Bisakah saya menambahkan formulir kontak di WordPress tanpa plugin? Bisa, dengan formulir HTML kustom dan handler PHP di child theme. Namun, Anda kemudian bertanggung jawab atas validasi, penyaringan spam, escaping, dan penyimpanan data, jadi untuk situs klien, plugin yang terawat adalah pilihan yang lebih aman. ### Apa plugin formulir kontak gratis terbaik untuk WordPress? Fluent Forms dan blok Formulir Jetpack adalah pilihan gratis yang paling mudah untuk halaman kontak standar. Contact Form 7 juga gratis, tetapi tidak memiliki pembuat formulir visual. ### Mengapa email formulir kontak WordPress saya masuk ke spam? WordPress mengirim email lewat fungsi mail PHP default server, yang biasanya gagal pemeriksaan SPF dan DKIM. Gunakan plugin SMTP dengan layanan email transaksional dan tambahkan catatan DNS yang mereka berikan. ### Apakah WordPress memiliki blok formulir kontak bawaan? Tidak. WordPress inti tidak memiliki blok formulir, jadi Anda memerlukan plugin seperti Jetpack, WPForms, Fluent Forms, Contact Form 7, atau Gravity Forms. ### Bagaimana cara menghentikan spam pada formulir kontak WordPress? Mulai dengan kolom honeypot, tambahkan Akismet jika plugin Anda mendukungnya, lalu gunakan tantangan yang ramah privasi seperti Cloudflare Turnstile. Simpan CAPTCHA yang terlihat untuk serangan yang berkelanjutan. ### Bisakah saya memasang formulir kontak di footer block theme? Bisa. Buka Appearance > Editor, pilih template part footer, lalu sisipkan blok plugin formulir Anda di tempat yang diinginkan.