Bidang Email
Kumpulkan alamat email dengan percaya diri. Mulai dari formulir kontak hingga pendaftaran dengan konfirmasi entri ganda, pembatasan domain, dan pelengkapan otomatis browser – kolom Email menyediakan pengumpulan email yang akurat dengan validasi bawaan dan pencegahan kesalahan pengetikan.
Pengumpulan Email Profesional dengan Validasi Cerdas
Sempurna untuk:
Fitur Canggih untuk Setiap Kebutuhan
✅ Kolom Konfirmasi Email
Pencegahan Kesalahan Ketik Ganda:
Tambahkan kolom "Konfirmasi Email" kedua di mana pengguna harus memasukkan kembali alamat email mereka. Ini mencegah kesalahan pengetikan dan memastikan pengumpulan email yang akurat.
Cara Bekerja:
- Kolom email utama muncul pertama.
- Kolom “Konfirmasi Email” muncul di bawah ini.
- Sistem memvalidasi bahwa kedua entri tersebut cocok.
- Umpan balik visual menunjukkan status kecocokan (hijau = cocok, merah = tidak cocok)
- Formulir tidak akan terkirim sampai alamat email cocok.
Mengapa Menggunakan Konfirmasi:
- Mencegah kesalahan ketik yang mahal ([email dilindungi] vs gmail.com)
- Memastikan terkirimnya email-email penting
- Mengurangi rasio pentalan
- Praktik terbaik profesional untuk formulir penting
- Pengguna menemukan kesalahan mereka sendiri
Sempurna untuk:
- Pendaftaran akun (email pengaturan ulang kata sandi)
- Konfirmasi pesanan (bukti pengiriman)
- Pendaftaran acara (email tiket)
- Pemberitahuan pembayaran
- Segala bentuk di mana akurasi email sangat penting.
Pengalaman pengguna:
Validasi waktu nyata dengan umpan balik berkode warna. Pengguna dapat langsung melihat apakah email cocok tanpa menunggu pengiriman formulir.
🏢 Pembatasan Domain
Izinkan domain email tertentu:
Aktifkan “Batasi Domain Email yang Diizinkan” untuk hanya menerima email dari domain tertentu. Sempurna untuk formulir khusus perusahaan, pendaftaran pribadi, atau akses terkontrol.
Cara Bekerja:
- Masukkan domain yang diizinkan (satu per baris)
- Sistem memvalidasi domain email saat pengiriman.
- Hanya domain yang cocok yang diterima.
- Hapus pesan kesalahan untuk domain yang ditolak
Kasus Penggunaan Umum:
Hanya untuk Email Perusahaan:
Hanya izinkan email dengan akhiran `@yourcompany.com` untuk formulir internal, survei karyawan, atau pendaftaran staf.
Lembaga Pendidikan:
Batasi akses ke `@university.edu` hanya untuk formulir khusus mahasiswa, survei kampus, atau pendaftaran akademik.
Beberapa Mitra:
Izinkan beberapa domain seperti `company1.com`, `company2.com`, `partner3.com` untuk portal mitra atau formulir B2B.
Organisasi Terverifikasi:
Tambahkan organisasi tertentu ke daftar putih untuk konten khusus anggota, penawaran eksklusif, atau akses terverifikasi.
contoh:
- Masukan karyawan: hanya melalui `yourcompany.com`.
- Portal mahasiswa: `school.edu`, `university.edu`
- Pendaftaran mitra: `partner1.com, partner2.com, partner3.com`
- Akses anggota: `org1.org, org2.org, nonprofit.org`
Manfaat:
- Memastikan pengajuan yang sah
- Mencegah akses tidak sah
- Memvalidasi afiliasi organisasi
- Mengurangi spam dari email publik
- Mengontrol akses ke formulir yang dibatasi.
🔄 Pelengkapan Otomatis Browser
Pengisian Email Lebih Cepat:
Aktifkan “Izinkan Saran Browser” agar browser dapat menyarankan alamat email yang pernah digunakan sebelumnya. Pengguna dapat memilih dari email yang tersimpan hanya dengan satu klik.
Cara Bekerja:
Browser mengenali kolom email.
Menyarankan alamat email yang tersimpan
Pengguna mengklik saran untuk mengisi otomatis.
Pengisian formulir instan
Manfaat:
Pengisian formulir lebih cepat (1 klik vs mengetik)
Mengurangi kesalahan ketik (tidak perlu memasukkan data secara manual)
Meningkatkan pengalaman pengguna
Tingkat penyelesaian yang lebih tinggi
Sangat membantu terutama di perangkat seluler.
Ramah Privasi:
Pengguna mengontrol apa yang disimpan oleh peramban. Fitur pelengkapan otomatis menghormati pengaturan privasi peramban dan preferensi pengguna.
Kapan Harus Diaktifkan:
Formulir kontak (pengunjung tetap)
Pendaftaran buletin (pengguna lama)
Formulir pertanyaan cepat
Formulir publik dengan penggunaan berulang.
Kapan Harus Dinonaktifkan:
Registrasi sensitif
Skenario penggunaan komputer bersama
Formulir keamanan tinggi
Saat email harus dimasukkan secara manual
✉️ Validasi Email Terintegrasi
Pemeriksaan Format Otomatis:
Kolom email menyertakan validasi HTML5 bawaan. Browser secara otomatis memverifikasi format email sebelum pengiriman.
Aturan Validasi:
Harus mengandung simbol `@`
Harus ada teks sebelum `@` (nama pengguna)
Harus menyertakan domain setelah `@`
Harus memiliki ekstensi domain yang valid (.com, .org, dll.)
Tidak boleh ada spasi atau karakter yang tidak valid.
Umpan Balik Waktu Nyata:
Browser menampilkan pesan validasi seperti “Harap sertakan '@' dalam alamat email” atau “Harap masukkan email setelah '@'.”
Kesalahan Umum yang Terdeteksi:
Hilang `@`: `useremailcom` ✗
Domain hilang: `user@` ✗
Ekstensi hilang: `user@domain` ✗
Spasi: `user @email.com` ✗
Karakter tidak valid: `user@@email.com` ✗
Format Email yang Valid:
`[email dilindungi]`,`[email dilindungi]`,`[email dilindungi]` ✓
📝 Nilai Email Default
Alamat Email yang Terisi Otomatis:
Tetapkan alamat email default yang muncul saat formulir dimuat. Berguna untuk email dukungan, kontak default, atau formulir demo.
Gunakan Kasus:
- Isi otomatis email dukungan untuk permintaan panggilan balik.
- Tampilkan contoh format email ([email dilindungi])
- Mengambil alamat email pengguna yang dikenal dari basis data.
- Kontak default untuk organisasi
Dapat diedit:
Pengguna dapat dengan mudah mengubah atau mengganti nilai default. Ini adalah titik awal, bukan nilai yang terkunci.
🎯 Pengalaman Pengguna yang Ditingkatkan
Fitur Cerdas Terintegrasi:
- Keyboard Khusus Email – Perangkat seluler menampilkan keyboard yang dioptimalkan dengan tombol @ dan .
- Atribut Autocomplete – Autocomplete HTML5 yang tepat untuk kolom email
- Trim Whitespace – Penghapusan otomatis spasi yang tidak disengaja
- Konversi Huruf Kecil – Konversi opsional ke huruf kecil untuk konsistensi.
- Validasi Visual – Umpan balik berkode warna untuk konfirmasi pencocokan
- Pesan Kesalahan yang Jelas – Umpan Balik Validasi Spesifik
- Validasi Diperlukan – Wajibkan pengisian email.
- Dukungan Teks Bantuan – Tambahkan petunjuk format email
- Kelas CSS Kustom – Terapkan gaya kustom
- Dukungan Aksesibilitas – Label ARIA, kompatibel dengan pembaca layar
- Teks Placeholder – Tampilkan petunjuk format email
- Ramah untuk Salin-Tempel – Alamat email lengkap dapat disalin dengan rapi.
🔀 Logika Bersyarat
Visibilitas Kolom Email Dinamis:
Tampilkan atau sembunyikan kolom email berdasarkan nilai formulir lainnya. Tampilkan koleksi email hanya jika relevan.
Aturan Logika Tingkat Lanjut:
- Logika AND – Semua kondisi harus terpenuhi
- Logika OR – Kondisi apa pun dapat memicu tindakan.
- 8 Operator – Sama dengan, Tidak sama dengan, Lebih besar dari, Lebih kecil dari, Berisi, Kosong, dan lainnya
Gunakan Kasus:
- Tampilkan “Email bisnis” hanya jika jenis pelanggan sama dengan “Bisnis”
- Tampilkan “Email alternatif” saat pengguna mencentang “Tambahkan kontak sekunder”
- Tampilkan “Email perusahaan” saat jenis pendaftaran sama dengan “Perusahaan”
- Sembunyikan “Email pribadi” saat preferensi kontak adalah “Hanya Telepon”
Pengaturan Sederhana dalam 3 Langkah
Siapkan kolom email Anda dalam hitungan menit.
Tambahkan Bidang Email
Seret dan lepas kolom Email dari bagian Kolom Dasar ke dalam formulir Anda.
Aktifkan Konfirmasi (Opsional)
Centang “Tambahkan Kolom Konfirmasi” untuk mewajibkan validasi entri ganda dan mencegah kesalahan pengetikan pada formulir penting.
Konfigurasi Pembatasan (Opsional)
Aktifkan pembatasan domain untuk email khusus perusahaan, aktifkan fitur pelengkapan otomatis browser untuk kemudahan, dan atur nilai default jika diperlukan.
🎉 Selesai! Kolom email Anda sudah siap dengan validasi cerdas dan pencegahan kesalahan pengetikan.
Aplikasi Dunia Nyata
Formulir Kontak
* Email pertanyaan umum
* Kontak permintaan dukungan
* Pengumpulan informasi kontak
* Email permintaan panggilan balik
Pendaftaran Pengguna
* Email pembuatan akun
* Email kredensial login
* Email pengaturan ulang kata sandi
* Alamat email verifikasi
Newsletter & Pemasaran
* Email berlangganan buletin
* Pengumpulan persetujuan pemasaran
* Pendaftaran kampanye email
* Pengumpulan email promosi
E-commerce
* Email konfirmasi pesanan
* Email pengiriman tanda terima
* Email pemberitahuan pengiriman
* Email akun pelanggan
Aplikasi Bisnis
* Email permintaan penawaran
* Email pemberitahuan proposal
* Email komunikasi proyek
* Pengumpulan informasi kontak klien
Pendidikan & Acara
* Email pendaftaran acara
* Email pendaftaran kursus
* Email pemberitahuan webinar
* Email pengiriman sertifikat
Opsi Bidang Lengkap
Konfigurasi Dasar
- Label Kolom – Judul yang ditampilkan di atas kolom email.
- Deskripsi/Teks Bantuan – Panduan tambahan untuk pengguna
- Kolom Wajib Diisi – Wajibkan pengisian alamat email.
- Teks Placeholder – Petunjuk yang ditampilkan sebelum pengguna mengetik (misalnya, “[email dilindungi]")
Nilai default
Nilai Default – Alamat email yang sudah terisi saat formulir dimuat.
konfirmasi email
- Tambahkan Kolom Konfirmasi – Menambahkan kolom kedua tempat pengguna harus memasukkan kembali email mereka untuk mencegah kesalahan pengetikan.
- Secara otomatis memvalidasi kecocokan antara kedua entri.
- Menampilkan umpan balik berkode warna secara real-time.
- Mencegah pengiriman formulir hingga email cocok.
Integrasi Peramban
Izinkan Saran Browser – Izinkan browser menyarankan alamat email yang sebelumnya digunakan untuk penyelesaian yang lebih cepat.
Pembatasan Domain
Batasi Domain Email yang Diizinkan – Hanya terima alamat email dari domain tertentu (misalnya, hanya email perusahaan)
- Domain Email yang Diizinkan – Masukkan setiap domain yang diizinkan pada baris baru (tanpa simbol @)
- Contoh: `gmail.com`, `outlook.com`, `yourcompany.com`
- Satu domain per baris
- Sistem memvalidasi domain saat pengajuan
Logika Bersyarat
- Aktifkan Logika Bersyarat – Tampilkan/sembunyikan berdasarkan kondisi
- Tipe Logika
- Semua syarat harus dipenuhi (DAN)
- Syarat apa pun dapat dipenuhi (ATAU)
- Aturan Kondisi
- Tampilkan/Sembunyikan – Tindakan yang harus diambil
- Kolom – Kolom mana yang perlu diperiksa
- Operator – Sama dengan, Tidak sama dengan, Mengandung, Lebih besar dari, Lebih kecil dari, Kosong, Tidak kosong
- Nilai – Nilai perbandingan
- Beberapa Kondisi – Tambahkan aturan tanpa batas
Opsi Lanjutan
- Kolom Tersembunyi – Membuat kolom tidak terlihat tetapi tetap menyertakan email dalam pengajuan.
- Kelas CSS Kustom – Terapkan gaya kustom
- Atribut Aksesibilitas – Label ARIA untuk pembaca layar
- Transformasi Teks – Konversi huruf kecil opsional
- Pemangkasan Spasi Kosong – Penghapusan spasi otomatis
Mengapa Memilih Kolom Email Kami?
✅ Pencegahan Kesalahan Ketik -
Kolom konfirmasi memastikan pengumpulan email yang akurat.
✅ Pembatasan Domain -
Izinkan akses ke domain tertentu untuk akses terkontrol.
✅ Pelengkapan Otomatis Browser -
Entri lebih cepat dengan saran email tersimpan.
✅ Validasi Terintegrasi – Pemeriksaan format email HTML5 otomatis
✅ Dioptimalkan untuk Seluler – Papan ketik khusus email pada perangkat seluler
✅ Umpan Balik Visual – Validasi kecocokan secara waktu nyata untuk konfirmasi
✅ Pengurangan Spam – Pembatasan domain mencegah email palsu
✅ Mudah digunakan – Pesan dan petunjuk validasi yang jelas
✅ Terintegrasi penuh – Berintegrasi sempurna dengan semua fitur formulir
Pertanyaan yang Sering Diajukan
T: Untuk apa kolom konfirmasi email ini?
Fitur ini menambahkan kolom "Konfirmasi Email" kedua di mana pengguna harus memasukkan kembali email mereka. Mencegah kesalahan pengetikan seperti [email dilindungi] alih-alih gmail.com. Kedua kolom harus sama agar dapat dikirim.
T: Bagaimana cara kerja pembatasan domain?
Aktifkan fitur ini dan masukkan domain yang diizinkan (satu per baris) seperti yourcompany.com. Hanya email yang berakhiran domain tersebut yang diterima.
T: Bisakah saya mengizinkan beberapa domain?
Ya. Masukkan beberapa domain, satu per baris, misalnya company1.com, company2.com, partner.com. Salah satu di antaranya akan diterima.
T: Apakah saya harus menggunakan konfirmasi email untuk semua formulir?
Gunakan fitur ini untuk formulir penting seperti pendaftaran, pesanan, atau tiket acara. Lewati fitur ini untuk formulir pertanyaan sederhana agar proses tetap cepat bagi pengguna.
T: Apa fungsi dari “Izinkan Saran Browser”?
Fitur ini memungkinkan pelengkapan otomatis browser sehingga pengguna dapat memilih dari alamat email yang tersimpan alih-alih mengetik secara manual.
T: Bisakah pengguna melewati validasi email?
Tidak. Browser menerapkan aturan format email secara otomatis, memblokir format yang salah seperti user@ atau @domain.com.
T: Bagaimana cara membatasi akses hanya ke email perusahaan?
Aktifkan “Batasi Domain Email yang Diizinkan” dan masukkan domain perusahaan Anda. Hanya email yang menggunakan domain tersebut yang akan diterima.
T: Apakah kolom konfirmasi muncul di baris yang sama?
Tidak. Itu muncul tepat di bawah kolom email utama dengan label "Konfirmasi Email."
T: Keyboard apa yang muncul di ponsel?
Perangkat seluler menampilkan papan ketik yang ramah email dengan pintasan @, titik, dan domain umum.
T: Bisakah saya menggunakan kolom email dengan logika kondisional?
Ya. Anda dapat menampilkan atau menyembunyikan kolom email berdasarkan pilihan pengguna menggunakan kondisi seperti "Kosong," "Tidak kosong," atau "Sama dengan."
T: Apa yang terjadi jika domain tidak cocok?
Pengguna akan menerima pesan seperti: “Domain email tidak diizinkan. Harap gunakan domain yang disetujui.”
T: Haruskah saya mengaktifkan fitur pelengkapan otomatis karena alasan keamanan?
Tergantung. Aktifkan untuk kemudahan pada formulir publik. Nonaktifkan pada sistem bersama atau sensitif jika entri manual lebih disukai.
