Cara Membuat Formulir Kontak di WordPress Tanpa Coding
Ingin menambahkan formulir kontak ke situs web WordPress Anda tetapi tidak tahu cara membuat kode? Anda berada di tempat yang tepat. Dalam panduan langkah demi langkah ini, Anda akan mempelajari cara... Buat formulir kontak profesional di WordPress tanpa menulis satu baris kode pun.—dan prosesnya memakan waktu kurang dari 5 menit.
Baik Anda seorang blogger, pemilik usaha kecil, atau sedang membangun situs web pertama Anda, memiliki formulir kontak sangat penting. Formulir ini memungkinkan pengunjung untuk menghubungi Anda dengan mudah, membantu Anda mendapatkan prospek, dan terlihat jauh lebih profesional daripada sekadar memposting alamat email Anda.
Mengapa Setiap Situs Web WordPress Membutuhkan Formulir Kontak
Sebelum kita masuk ke tutorial, mari kita pahami mengapa formulir kontak itu penting:
- Melindungi email Anda dari spam – Mempublikasikan alamat email Anda secara terbuka akan mengundang bot spam untuk membanjiri kotak masuk Anda.
- Terlihat profesional – Formulir yang dirancang dengan baik membangun kepercayaan dengan pengunjung
- Mengumpulkan informasi terstruktur – Dapatkan detail yang Anda butuhkan (nama, email, pesan) dalam format yang terorganisir.
- Melacak pertanyaan – Simpan kiriman Anda di dasbor WordPress Anda, alih-alih kehilangannya melalui email.
- Pengalaman yang ramah seluler – Formulir berfungsi sempurna di ponsel dan tablet.
Apa yang Anda Butuhkan?
Untuk mengikuti tutorial ini, Anda memerlukan:
- Situs web WordPress (WordPress.org yang dihosting sendiri)
- Akses admin untuk menginstal plugin
- 5 menit dari waktumu
Selesai! Tidak perlu pengetahuan pemrograman, pengalaman teknis, atau alat berbayar.
Langkah 1: Instal Auto Form Builder (Plugin Gratis)
Kami akan gunakan Pembuat Formulir Otomatis (Juga dikenal sebagai A.F.B.)—gratis, Plugin WordPress ringan dengan antarmuka visual seret dan lepas. Sangat cocok untuk pemula karena tidak ada kurva pembelajaran sama sekali.
Berikut cara menginstalnya:
- Masuk ke dasbor admin WordPress Anda
- Pergi ke Plugins → Tambah Baru
- Pencarian untuk "A.F.B.” (singkatan dari Auto Form Builder)
- Mencari "AFB – Pembuat Formulir Otomatis – Pembuat Formulir Seret & Lepas"
- Klik menginstal Sekarang, kemudian Mengaktifkan
💡 Kiat: Mencari dengan kata kunci “AFB” adalah cara tercepat untuk menemukan plugin tersebut di repositori WordPress.
Setelah diaktifkan, Anda akan melihat "Auto Form Builder" di menu admin WordPress Anda. Selesai—Anda siap membuat formulir pertama Anda!
Langkah 2: Buat Formulir Kontak Baru
Sekarang mari kita buat formulir kontak Anda:
- Klik Pembuat Formulir Otomatis di menu admin Anda
- Klik Buat Formulir Baru
- Anda akan melihat layar pemilihan templat—pilih Formulir Kontak
Auto Form Builder dilengkapi dengan templat formulir kontak yang sudah jadi, yang mencakup:
- Kolom Nama Lengkap
- Kolom Alamat Email
- Kolom Nomor Telepon (Opsional)
- Bidang pesan
Templat ini siap digunakan segera, tetapi Anda dapat menyesuaikannya sesuai keinginan.
Langkah 3: Sesuaikan Kolom Formulir Anda (Opsional)
Ingin menambahkan atau memodifikasi kolom? Pembuat drag-and-drop membuatnya mudah:
Menambahkan Bidang Baru
Di bilah sisi kiri, Anda akan melihat jenis bidang yang tersedia. Cukup seret bidang apa pun ke kanvas formulir Anda:
- Input Teks – Untuk jawaban singkat seperti nama atau mata pelajaran
- Email – Memvalidasi alamat email secara otomatis
- Nomor Hp / Telephone – Untuk nomor telepon dengan format opsional
- Area Teks – Untuk pesan yang lebih panjang
- Dropdown – Biarkan pengguna memilih dari berbagai opsi (seperti “Alasan Menghubungi”)
- kotak centang – Untuk kotak persetujuan atau pilihan ganda
Mengedit Pengaturan Bidang
Klik bidang mana pun untuk menyesuaikannya:
- Mengubah label (misalnya, “Nama Anda” вместо “Nama Lengkap”)
- Add teks pengganti untuk memandu pengguna
- Buat ladang wajib atau opsional
- Add teks bantuan di bawah bidang
Mengatur Ulang Kolom
Hanya menyeret bidang ke atas atau ke bawah untuk mengubah urutannya. Pembuat visual menunjukkan persis bagaimana tampilan formulir Anda.
Langkah 4: Konfigurasi Pengaturan Formulir
klik Pengaturan Klik tab untuk mengkonfigurasi apa yang terjadi ketika seseorang mengirimkan formulir Anda:
Pesan Sukses
Sesuaikan pesan yang dilihat pengguna setelah mengirimkan formulir. Misalnya:
“Terima kasih telah menghubungi kami! Kami akan menghubungi Anda kembali dalam waktu 24 jam.”
Notifikasi Email
Dapatkan notifikasi secara instan saat seseorang mengisi formulir Anda:
- Aktifkan Notifikasi Email
- Masukkan alamat email Anda (atau beberapa alamat email yang dipisahkan dengan koma)
- Sesuaikan baris subjek email
Setiap kiriman akan dikirim langsung ke kotak masuk Anda—dan juga disimpan dengan aman di dasbor WordPress Anda.
Langkah 5: Tata Gaya Formulir Anda (Opsional)
Ingin formulir Anda sesuai dengan desain situs web Anda? Klik tab Sesuaikan untuk menyesuaikan:
- Colors – Mengubah warna tombol, latar belakang, dan teks
- Borders – Sesuaikan batas bidang dan radius sudut
- Jarak – Kontrol padding dan margin
- Tombol – Sesuaikan teks dan tampilan tombol kirim
Formulir Auto Form Builder dirancang agar terlihat bagus di tema apa pun tanpa perlu pengaturan tambahan, sehingga penataan gaya sepenuhnya opsional.
Langkah 6: Simpan dan Dapatkan Kode Pendek Anda
Setelah Anda puas dengan bentuk tubuh Anda:
- Beri nama formulir Anda (misalnya, “Formulir Kontak”)
- Klik Simpan Formulir
- Salin Kode pendek ditampilkan
Langkah 7: Tambahkan Formulir Kontak ke Halaman Anda
Sekarang mari kita tampilkan formulir Anda di situs web Anda:
Opsi A: Tambahkan ke Halaman yang Sudah Ada
- Pergi ke Pages dan edit halaman Kontak Anda
- Tempelkan kode pendek di tempat Anda ingin formulir tersebut muncul.
- Klik Memperbarui
Opsi B: Buat Halaman Kontak Baru
- Pergi ke Halaman → Tambah Baru
- Beri judul “Kontak” atau “Hubungi Kami”
- Tambahkan teks pengantar jika Anda mau.
- Tempelkan kode pendek
- Klik Menerbitkan
Kunjungi halaman Anda untuk melihat formulir kontak baru Anda yang cantik beraksi!
Langkah 8: Uji Formulir Kontak Anda
Sebelum mengumumkan formulir baru Anda kepada dunia, ujilah terlebih dahulu:
- Kunjungi halaman kontak Anda
- Isi formulir dengan informasi tes.
- Klik Kirim
- Pastikan Anda melihat pesan sukses.
- Periksa email Anda untuk notifikasi.
- Di WordPress, buka Pembuat Formulir Otomatis → Pengajuan untuk melihat entri yang tersimpan
Jika semuanya berjalan lancar, selamat—formulir kontak Anda sudah aktif!
Mengelola Pengiriman Formulir Kontak
Salah satu fitur terbaik dari Auto Form Builder adalah fitur bawaannya. manajemen pengirimanTidak seperti beberapa plugin formulir yang hanya mengirim email, setiap pengiriman formulir disimpan dalam basis data WordPress Anda.
Pergi ke Pembuat Formulir Otomatis → Submissions ke:
- Lihat semua kiriman dalam tabel yang dapat dicari
- Filter berdasarkan tanggal – Hari ini, minggu ini, bulan ini, dan seterusnya.
- Kiriman pencarian – Temukan pesan spesifik secara instan
- Tandai sebagai sudah dibaca/belum dibaca – Lacak pertanyaan mana yang telah Anda tangani
- Pesan penting dari Star – Tandai kontak prioritas tinggi
- Ekspor ke CSV – Unduh data Anda untuk spreadsheet atau cadangan
Ini berarti Anda tidak akan pernah kehilangan pertanyaan pelanggan, bahkan jika email gagal terkirim.
Mengapa Auto Form Builder Sempurna untuk Formulir Kontak
Ada banyak plugin formulir WordPress yang tersedia, tetapi berikut alasan mengapa Auto Form Builder menonjol untuk membuat formulir kontak:
| Fitur | Pembuat Formulir Otomatis |
|---|---|
| Harga | ✅ Gratis |
| Pembuat seret dan lepas | ✅ Ya |
| Templat formulir kontak yang sudah jadi | ✅ Ya |
| Notifikasi email | ✅ Ya |
| Penyimpanan pengajuan | ✅ Ya (di WordPress) |
| Ponsel responsif | ✅ Ya |
| Tidak diperlukan pengkodean | ✅ Ya |
| Ringan & cepat | ✅ Ya |
| Sesuai dengan GDPR (data di server Anda) | ✅ Ya |
| Pengajuan ekspor | ✅ CSV, JSON, XML |
| Logika Bersyarat | ✅ Ya |
Pertanyaan yang Sering Diajukan
Apakah formulir ini akan kompatibel dengan tema WordPress saya?
Ya. Auto Form Builder dirancang untuk bekerja dengan tema WordPress apa pun.
Bisakah saya menerima kiriman formulir melalui email?
Tentu. Aktifkan notifikasi email di pengaturan formulir, dan Anda akan menerima email setiap kali seseorang mengirimkan formulir Anda. Pengiriman juga disimpan di dasbor WordPress Anda sebagai cadangan.
Apakah formulir kontak ini ramah seluler?
Ya. Semua formulir yang dibuat dengan Auto Form Builder sepenuhnya responsif dan terlihat bagus di ponsel, tablet, dan komputer desktop.
Bagaimana cara melindungi formulir saya dari spam?
Auto Form Builder menawarkan add-on perlindungan spam, termasuk Google reCAPTCHA dan Cloudflare Turnstile.
Langkah Selanjutnya
Sekarang setelah Anda memiliki formulir kontak di situs web WordPress Anda, pertimbangkan peningkatan berikut:
- Tambahkan formulir kontak Anda ke bagian footer. – Buatlah agar dapat diakses dari setiap halaman
- Buat formulir umpan balik – Mengumpulkan ulasan dan testimoni pelanggan
- Buat formulir pendaftaran buletin. – Kembangkan daftar email Anda
- Tambahkan perlindungan spam – Aktifkan reCAPTCHA untuk situs dengan trafik tinggi
Kesimpulan
Membuat formulir kontak di WordPress tidak memerlukan keahlian pemrograman apa pun. Dengan Pembuat Formulir OtomatisAnda dapat membuat formulir kontak profesional yang responsif untuk perangkat seluler dalam waktu kurang dari 5 menit—sepenuhnya gratis.
Antarmuka seret dan lepas memudahkan pemula, sementara manajemen pengajuan bawaan memastikan Anda tidak pernah melewatkan pertanyaan pelanggan. Selain itu, semua data Anda tetap aman di server WordPress Anda sendiri.
Siap membuat formulir kontak Anda? Unduh Pembuat Formulir Otomatis Unduh dari repositori plugin WordPress dan mulailah hari ini juga.
