Cara Menambahkan Kolom Email ke Formulir WordPress

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

  1. Buka formulir Anda di A.F.B.
  2. Menemukan Email pada jenis bidang
  3. 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

  1. Simpan formulir Anda
  2. Pratinjau di bagian depan
  3. Mencoba mengirimkan email yang tidak valid
  4. 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

  1. Pilih kolom email Anda
  2. Temukan opsi “Kolom konfirmasi”
  3. AKTIFKAN
  4. 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

  1. Pilih kolom email
  2. Temukan pengaturan pembatasan domain.
  3. Pilih mode daftar putih atau daftar hitam
  4. 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

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:

  1. Tambahkan kolom Email – Seret untuk membentuk
  2. Atur label – Jelas, deskriptif
  3. Tambahkan tempat penampung – Contoh format
  4. Lakukan yang diperlukan – Jika diperlukan untuk tindak lanjut
  5. Aktifkan konfirmasi – Untuk akurasi kritis
  6. Tetapkan pembatasan domain – Jika membatasi domain
  7. Tambahkan teks bantuan – Catatan privasi atau penggunaan
  8. 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.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *