Cara Menambahkan Kolom Email ke Formulir WordPress
Email adalah urat nadi komunikasi online. Setiap formulir kontak, pendaftaran buletin, dan registrasi membutuhkan email yang andal. kolom emailNamun, input teks dasar saja tidak cukup—Anda memerlukan validasi untuk mendeteksi kesalahan ketik, konfirmasi opsional untuk memastikan keakuratan, dan format yang tepat agar data dapat digunakan. Berikut cara menambahkan kolom email yang berfungsi.
Mengapa Menggunakan Kolom Email Khusus?
Masalah pada Kolom Teks untuk Email
- Tidak ada validasi format
- Kesalahan ketik tidak terdeteksi
- Entri yang tidak valid diterima.
- Tidak ada papan ketik email di ponsel.
- Upaya tindak lanjut yang sia-sia
Manfaat Kolom Email
- Validasi format bawaan
- Mendeteksi kesalahan umum
- Papan ketik email pada perangkat seluler
- Pengumpulan data terstandarisasi
- Peningkatan kemampuan penyampaian tindak lanjut.
Menambahkan Kolom Email
Langkah 1: Tambahkan Kolom
- Buka formulir Anda di A.F.B.
- Menemukan Email pada jenis bidang
- Seret ke formulir Anda
Langkah 2: Konfigurasikan Pengaturan Dasar
- Label: “Alamat Email” atau “Email Anda”
- Tempat penampung: "[email dilindungi]"
- Diperlukan: Biasanya ya untuk formulir kontak.
- Teks bantuan: Instruksi opsional
Langkah 3: Simpan dan Uji
- Simpan formulir Anda
- Pratinjau di bagian depan
- Mencoba mengirimkan email yang tidak valid
- Verifikasi bahwa validasi berfungsi.
Validasi Email
Apa yang Divalidasi
Kolom email diperiksa formatnya agar sesuai:
Valid: ✓ [email dilindungi] ✓ [email dilindungi] ✓ [email dilindungi] Tidak valid: ✗ userexample.com (tidak ada @) ✗ [email dilindungi] (domain hilang) ✗ user@example (TLD hilang) ✗ @example.com (nama pengguna hilang)
Pesan Kesalahan Validasi
Default: "Silakan masukkan alamat email yang valid" Kustom: "Itu bukan alamat email. Silakan periksa dan coba lagi"
Apa yang Tidak Diperiksa oleh Validasi
- Apakah email benar-benar ada?
- Apakah kotak surat aktif?
- Deliverability
Validasi format memastikan struktur yang tepat, bukan sekadar keberadaan.
Kolom Konfirmasi Email
Apa Artinya?
Kolom email kedua tempat pengguna memasukkan kembali alamat email mereka. Kedua alamat email harus sama agar dapat dikirim.
Surel: [[email dilindungi] Konfirmasi Email: [[email dilindungi] ] ✓ Pertandingan
Mengapa Menggunakan Konfirmasi?
- Mendeteksi kesalahan ketik (paling umum: domain yang salah)
- Memaksa pengguna untuk memeriksa ulang
- Mengurangi kegagalan komunikasi email
- Penting untuk transaksi penting
Kapan Harus Digunakan
- Registrasi akun
- Pendaftaran buletin
- Konfirmasi pesanan
- Segala bentuk di mana akurasi email sangat penting.
Kapan Harus Melewatkan
- Formulir kontak sederhana
- Pertanyaan cepat
- Ketika mengurangi gesekan menjadi prioritas
Mengaktifkan Konfirmasi
- Pilih kolom email Anda
- Temukan opsi “Kolom konfirmasi”
- AKTIFKAN
- Kolom kedua muncul secara otomatis.
Perilaku Konfirmasi
Email: [email dilindungi] Konfirmasi: [email dilindungi] ← Kesalahan ketik! Error: "Alamat email tidak cocok"
Pembatasan Domain
Apa Itu Pembatasan Domain?
Batasi domain email yang diterima:
- Daftar putih: Hanya izinkan domain tertentu
- Daftar Hitam: Blokir domain spesifik
Kasus Penggunaan Daftar Putih
Hanya terima email dari domain tertentu:
Diizinkan: @company.com, @company.org Ditolak: Semua yang lain Digunakan untuk: - Formulir internal perusahaan - Pendaftaran karyawan - Akses khusus organisasi
Kasus Penggunaan Daftar Hitam
Blokir domain tertentu:
Diblokir: @mailinator.com, @tempmail.com, @guerrillamail.com Diizinkan: Semua yang lain Digunakan untuk: - Mencegah email sekali pakai - Mengurangi pendaftaran spam - Memastikan alamat kontak yang valid
Mengonfigurasi Pembatasan Domain
- Pilih kolom email
- Temukan pengaturan pembatasan domain.
- Pilih mode daftar putih atau daftar hitam
- Masukkan domain (satu per baris)
Contoh: Hanya Email Perusahaan
Mode: Daftar Putih Domain: company.com company.org Kesalahan: "Silakan gunakan alamat email perusahaan Anda"
Contoh: Blokir Email Sekali Pakai
Mode: Daftar Hitam Domain: mailinator.com tempmail.com guerrillamail.com 10minutemail.com throwaway.email Kesalahan: "Silakan gunakan alamat email permanen"
Contoh Konfigurasi
Contoh 1: Formulir Kontak Dasar
Label: "Alamat Email" Placeholder: "[email dilindungi]"Wajib diisi: Ya Konfirmasi: Tidak Pembatasan domain: Tidak ada"
Contoh 2: Pendaftaran Newsletter
Label: "Email Anda" Placeholder: "Masukkan email Anda..." Wajib: Ya Konfirmasi: Ya Pembatasan domain: Blokir email sekali pakai Teks bantuan: "Kami tidak akan pernah membagikan email Anda"
Contoh 3: Pendaftaran Akun
Label: "Email (akan menjadi nama pengguna Anda)" Placeholder: "[email dilindungi]"Wajib diisi: Ya Konfirmasi: Ya Pembatasan domain: Tidak ada Teks bantuan: "Silakan gunakan email yang Anda periksa secara teratur"
Contoh 4: Formulir Karyawan
Label: "Email Kantor" Placeholder: "[email dilindungi]"Wajib diisi: Ya Konfirmasi: Tidak Pembatasan domain: Hanya izinkan company.com Teks bantuan: "Gunakan email resmi perusahaan Anda"
Contoh 5: Penghasilan Prospek
Label: "Email Bisnis" Placeholder: "[email dilindungi]"Wajib diisi: Ya Konfirmasi: Tidak Pembatasan domain: Blokir gmail.com, yahoo.com (khusus B2B) Teks bantuan: "Silakan gunakan email kantor Anda untuk pertanyaan bisnis"
Pengoptimalan Seluler
Papan Ketik Email
Kolom email memicu keyboard khusus untuk perangkat seluler:
- Simbol @ mudah diakses
- Pintasan .com di banyak keyboard
- Pengurangan gangguan koreksi otomatis
- Masuk lebih cepat
Praktik Terbaik Seluler
- Label yang jelas dan mudah dibaca
- Teks placeholder yang bermanfaat
- Ukuran target keran yang memadai
- Hapus pesan kesalahan
Kesalahan Umum Pengisian Kolom Email
1. Menggunakan Teks Sebagai Pengganti Jenis Email
Salah: Benar:
Jenis email memungkinkan validasi dan keyboard seluler.
2. Tidak Melakukan Hal yang Diperlukan Saat Dibutuhkan
Jika Anda perlu membalas, email wajib digunakan.
3. Placeholder yang Membingungkan untuk Label
Salah: Hanya tempat penampung, tanpa label Benar: Label yang jelas + tempat penampung yang membantu
4. Validasi yang Terlalu Ketat
Beberapa email yang valid terlihat tidak biasa:
Valid tetapi jarang digunakan: - [email dilindungi] - [email dilindungi] - [email dilindungi]
Jangan menolak format yang valid.
5. Tidak Ada Konteks Pesan Kesalahan
Buruk: "Masukan tidak valid" Baik: "Silakan masukkan alamat email yang valid (contoh: [email dilindungi])"
Label Kolom Email
Contoh Label yang Baik
- "Alamat email"
- “Email Anda”
- "Surel"
- “Email Kantor”
- “Email Kontak”
Label Spesifik Konteks
- “Email (untuk konfirmasi pesanan)”
- “Email (tempat kami akan mengirimkan tautan unduhan Anda)”
- “Email Perusahaan”
- “Email Pilihan”
Contoh Placeholder
- "[email dilindungi]"
- “Masukkan alamat email Anda…”
- "[email dilindungi]"
- "[email dilindungi]"
Ide Teks Bantuan
Jaminan Privasi
"Kami tidak akan pernah membagikan email Anda kepada siapa pun" "Email Anda dirahasiakan" "Kami menghargai privasi Anda"
Penjelasan Penggunaan
"Kami akan mengirimkan konfirmasi Anda ke sini" "Ke mana kami harus mengirimkan tautan unduhan?" "Anda akan menerima pembaruan di alamat ini"
Panduan Format
"Gunakan format email yang valid (contoh: [email dilindungi])" "Silakan gunakan email yang Anda periksa secara teratur" "Masukkan email yang terkait dengan akun Anda"
Beberapa Kolom Email
Kapan Menggunakan Beberapa?
- Kontak primer dan sekunder
- Email pribadi dan kantor
- Pemberitahuan penagihan dan pengiriman
Contoh: Sekolah Dasar/Sekolah Menengah
Email Utama: [________________] (wajib diisi) Email Kedua: [________________] (opsional) Teks bantuan: "Email kedua untuk kontak cadangan"
Contoh: Akun + Notifikasi
Email Akun: [________________] Email Notifikasi: [________________] ☐ Sama dengan email akun
Menangani Pengajuan
Dalam Notifikasi Email
Nilai kolom email akan muncul di notifikasi Anda:
Kiriman baru dari Formulir Kontak: Nama: John Smith Email: [email dilindungi] ← Klik untuk membalas Pesan: ...
Konfigurasi Balas Ke
Atur kolom email sebagai alamat Balas Ke:
- Mengklik “Balas” akan mengarahkan Anda ke pengirim.
- Komunikasi tindak lanjut yang mudah
Dalam Ekspor
Kolom CSV: Email Nilai: [email dilindungi], [email dilindungi], ...
Ringkasan Praktik Terbaik
Do
- ✓ Gunakan tipe kolom email khusus
- ✓ Tambahkan label yang jelas
- ✓ Sertakan placeholder yang bermanfaat
- ✓ Lakukan sesuai kebutuhan bila diperlukan
- ✓ Gunakan konfirmasi untuk formulir penting
- ✓ Tambahkan teks bantuan yang menjamin privasi
- ✓ Uji coba pada perangkat seluler
Tidak
- ✗ Gunakan kolom teks untuk email
- ✗ Lewati validasi
- ✗ Gunakan placeholder hanya sebagai label
- ✗ Terlalu membatasi domain yang valid
- ✗ Lupakan optimasi keyboard seluler
Penyelesaian masalah
Email Valid Ditolak
- Periksa pengaturan pembatasan domain.
- Pastikan format email sesuai standar.
- Beberapa TLD yang tidak biasa mungkin perlu diuji.
Konfirmasi Tidak Cocok
- Periksa apakah ada ruang kosong tambahan.
- Peka terhadap huruf besar/kecil (biasanya bukan masalah)
- Salin-tempel mungkin menyertakan karakter tersembunyi.
Keyboard Ponsel Bukan Tipe Email
- Verifikasi tipe kolom email yang digunakan
- Beberapa browser/perangkat berbeda-beda.
- Periksa tipe input dalam kode.
Pengajuan Memiliki Alamat Email yang Tidak Valid
- Pastikan validasi diaktifkan.
- Periksa apakah validasi sisi klien berfungsi.
- Tambahkan cadangan validasi sisi server.
Ringkasan
Menambahkan kolom email ke formulir WordPress:
- Tambahkan kolom Email – Seret untuk membentuk
- Atur label – Jelas, deskriptif
- Tambahkan tempat penampung – Contoh format
- Lakukan yang diperlukan – Jika diperlukan untuk tindak lanjut
- Aktifkan konfirmasi – Untuk akurasi kritis
- Tetapkan pembatasan domain – Jika membatasi domain
- Tambahkan teks bantuan – Catatan privasi atau penggunaan
- Tes secara menyeluruh – Valid, tidak valid, seluler
Kesimpulan
Kolom email seringkali merupakan kolom terpenting dalam formulir Anda—ini adalah cara Anda menghubungi orang yang mengirimkan formulir tersebut. Menggunakan tipe kolom email khusus memastikan validasi yang tepat, optimasi seluler, dan kualitas data. Tambahkan konfirmasi ketika akurasi sangat penting, dan pertimbangkan pembatasan domain untuk memfilter pengiriman. Kolom email yang dikonfigurasi dengan baik berarti lebih sedikit email yang gagal terkirim dan komunikasi yang lebih baik.
Pembuat Formulir Otomatis Termasuk kolom email berfitur lengkap dengan validasi bawaan, konfirmasi opsional, dan kemampuan pembatasan domain. Kumpulkan alamat email dengan percaya diri.
Siap menambahkan kolom email? Unduh Pembuat Formulir Otomatis dan mulailah mengumpulkan alamat email yang valid hari ini.