Cách thêm trường email vào biểu mẫu WordPress

Email là huyết mạch của giao tiếp trực tuyến. Mọi biểu mẫu liên hệ, đăng ký nhận bản tin và đăng ký tài khoản đều cần một hệ thống email đáng tin cậy. trường emailNhưng chỉ một ô nhập văn bản cơ bản là chưa đủ—bạn cần chức năng kiểm tra lỗi chính tả, xác nhận tùy chọn để đảm bảo tính chính xác và định dạng phù hợp cho dữ liệu có thể sử dụng được. Dưới đây là cách thêm các trường email hoạt động hiệu quả.

Tại sao nên sử dụng trường email riêng biệt?

Các vấn đề với trường văn bản trong email

• Không có xác thực định dạng
• Lỗi chính tả không được phát hiện
• Các mục nhập không hợp lệ được chấp nhận
• Không có bàn phím email trên thiết bị di động
• Những nỗ lực theo dõi bị lãng phí

Lợi ích của trường email

• Kiểm tra định dạng tích hợp sẵn
• Phát hiện các lỗi thường gặp
• Bàn phím email trên thiết bị di động
• Thu thập dữ liệu theo tiêu chuẩn
• Khả năng gửi tin nhắn theo dõi tốt hơn

Thêm trường Email

Bước 1: Thêm trường

1. Mở biểu mẫu của bạn trong A.F.B.
2. Tìm kiếm Email trong các loại trường
3. Kéo vào biểu mẫu của bạn

Bước 2: Định cấu hình cài đặt cơ bản

• Nhãn: “Địa chỉ email” hoặc “Email của bạn”
• Trình giữ chỗ: "[email được bảo vệ]"
• Cần thiết: Thông thường là có đối với các biểu mẫu liên hệ.
• Văn bản trợ giúp: Hướng dẫn tùy chọn

Bước 3: Lưu và kiểm tra

1. Lưu biểu mẫu của bạn
2. Xem trước trên giao diện người dùng
3. Thử nhập địa chỉ email không hợp lệ.
4. Xác minh quá trình xác thực hoạt động.

Xác thực email

Những gì được xác thực

Kiểm tra định dạng chính xác của các trường email:

Hợp lệ: ✓ [email được bảo vệ]
✓ [email được bảo vệ]
✓ [email được bảo vệ]

Không hợp lệ: ✗ userexample.com (thiếu ký tự @) ✗ [email được bảo vệ] (thiếu tên miền) ✗ user@example (thiếu TLD) ✗ @example.com (thiếu tên người dùng)

Thông báo lỗi xác thực

Mặc định: "Vui lòng nhập địa chỉ email hợp lệ" Tùy chỉnh: "Đây không phải là email. Vui lòng kiểm tra lại và thử lại"

Những gì quá trình xác thực không kiểm tra

• Liệu email có thực sự tồn tại hay không
• Liệu hộp thư có đang hoạt động hay không
• Khả năng giao hàng

Việc kiểm tra định dạng đảm bảo cấu trúc chính xác, chứ không phải sự tồn tại của cấu trúc đó.

Trường xác nhận email

Nó là gì?

Một ô nhập email thứ hai để người dùng nhập lại địa chỉ email của họ. Cả hai địa chỉ phải trùng khớp mới được gửi đi.

Thư điện tử: [[email được bảo vệ]    Xác nhận email: [[email được bảo vệ]    ] ✓ Các trận đấu

Tại sao cần xác nhận?

• Phát hiện lỗi chính tả (thường gặp nhất: sai tên miền)
• Buộc người dùng phải kiểm tra lại.
• Giảm thiểu các lỗi trong quá trình gửi email.
• Rất quan trọng đối với các giao dịch quan trọng

Khi nào sử dụng

• Đăng ký tài khoản
• Đăng ký bản tin
• Xác nhận đơn hàng
• Bất kỳ hình thức nào mà độ chính xác của email là rất quan trọng.

Khi nào nên bỏ qua

• Biểu mẫu liên hệ đơn giản
• Yêu cầu nhanh
• Khi việc giảm ma sát là ưu tiên hàng đầu

Kích hoạt xác nhận

1. Chọn trường email của bạn
2. Tìm tùy chọn “Trường xác nhận”
3. Bật lên
4. Trường thứ hai xuất hiện tự động

Hành vi xác nhận

Email: [email được bảo vệ]
Xác nhận: [email được bảo vệ]  ← Lỗi chính tả! Thông báo: "Địa chỉ email không khớp"

Giới hạn tên miền

Hạn chế tên miền là gì?

Giới hạn các tên miền email được chấp nhận:

• Danh sách trắng: Chỉ cho phép các miền cụ thể
• Danh sách đen: Chặn các miền cụ thể

Các trường hợp sử dụng danh sách trắng

Chỉ chấp nhận email từ một số tên miền nhất định:

Được phép: @company.com, @company.org Bị từ chối: Tất cả các loại khác Sử dụng cho: - Biểu mẫu nội bộ công ty - Đăng ký nhân viên - Truy cập chỉ dành cho tổ chức

Các trường hợp sử dụng danh sách đen

Chặn một số tên miền nhất định:

Bị chặn: @mailinator.com, @tempmail.com, @guerrillamail.com Được cho phép: Tất cả các địa chỉ khác Sử dụng cho: - Ngăn chặn email dùng một lần - Giảm số lượng đăng ký spam - Đảm bảo địa chỉ liên hệ thật

Cấu hình hạn chế tên miền

1. Chọn trường email
2. Tìm cài đặt hạn chế miền
3. Chọn chế độ danh sách trắng hoặc danh sách đen.
4. Nhập tên miền (mỗi dòng một tên miền)

Ví dụ: Chỉ dành cho email công ty

Chế độ: Danh sách trắng các tên miền: company.com company.org Lỗi: "Vui lòng sử dụng địa chỉ email công ty của bạn"

Ví dụ: Chặn email dùng một lần

Chế độ: Chặn các tên miền: mailinator.com tempmail.com guerrillamail.com 10minutemail.com throwaway.email Lỗi: "Vui lòng sử dụng địa chỉ email thường trú"

Ví dụ về cấu hình

Ví dụ 1: Biểu mẫu liên hệ cơ bản

Nhãn: "Địa chỉ email" Văn bản giữ chỗ: "[email được bảo vệ]Bắt buộc: Có Xác nhận: Không Hạn chế tên miền: Không

Ví dụ 2: Đăng ký nhận bản tin

Nhãn: "Email của bạn" Văn bản giữ chỗ: "Nhập email của bạn..." Bắt buộc: Có Xác nhận: Có Hạn chế tên miền: Chặn email dùng một lần Văn bản trợ giúp: "Chúng tôi sẽ không bao giờ chia sẻ email của bạn"

Ví dụ 3: Đăng ký tài khoản

Nhãn: "Email (sẽ là tên người dùng của bạn)" Văn bản giữ chỗ: "[email được bảo vệ]"Bắt buộc: Có Xác nhận: Có Hạn chế tên miền: Không Văn bản trợ giúp: "Vui lòng sử dụng email mà bạn thường xuyên kiểm tra"

Ví dụ 4: Mẫu đơn nhân viên

Nhãn: "Email công việc" Văn bản giữ chỗ: "[email được bảo vệ]"Bắt buộc: Có Xác nhận: Không Hạn chế tên miền: Chỉ cho phép company.com Văn bản trợ giúp: "Sử dụng email chính thức của công ty bạn"

Ví dụ 5: Tạo khách hàng tiềm năng

Nhãn: "Email doanh nghiệp" Văn bản giữ chỗ: "[email được bảo vệ]"Bắt buộc: Có Xác nhận: Không Hạn chế tên miền: Chặn gmail.com, yahoo.com (chỉ dành cho B2B) Văn bản trợ giúp: "Vui lòng sử dụng email công việc của bạn cho các yêu cầu kinh doanh"

Tối ưu hóa di động

Bàn phím email

Các trường email kích hoạt bàn phím chuyên dụng trên thiết bị di động:

• Biểu tượng @ dễ dàng truy cập
• Phím tắt .com trên nhiều bàn phím
• Giảm nhiễu tự động sửa lỗi
• Nhập cảnh nhanh hơn

Các phương pháp tốt nhất cho thiết bị di động

• Nhãn rõ ràng, dễ đọc
• Văn bản giữ chỗ hữu ích
• Kích thước mục tiêu vòi phù hợp
• Xóa thông báo lỗi

Những lỗi thường gặp khi điền thông tin email

1. Sử dụng văn bản thay vì kiểu email

Sai: Phải:

Loại email cho phép xác thực và sử dụng bàn phím trên thiết bị di động.

2. Không thực hiện những việc cần thiết khi cần

Nếu cần trả lời, bạn nên sử dụng email.

3. Vị trí giữ chỗ gây nhầm lẫn cho nhãn

Sai: Chỉ là hình ảnh giữ chỗ, không có nhãn. Đúng: Nhãn rõ ràng + hình ảnh giữ chỗ hữu ích.

4. Quy trình xác thực quá nghiêm ngặt

Một số email hợp lệ trông có vẻ bất thường:

Hợp lệ nhưng không phổ biến: - [email được bảo vệ]
- [email được bảo vệ]
- [email được bảo vệ]

Đừng từ chối các định dạng hợp lệ.

5. Không có ngữ cảnh thông báo lỗi

Sai: "Nhập liệu không hợp lệ" Đúng: "Vui lòng nhập địa chỉ email hợp lệ (ví dụ: [email được bảo vệ])"

Nhãn trường email

Ví dụ về nhãn tốt

• "Địa chỉ email"
• “Email của bạn”
• "E-mail"
• “Email công việc”
• “Email liên hệ”

Nhãn theo ngữ cảnh cụ thể

• “Email (để xác nhận đơn hàng)”
• “Địa chỉ email (nơi chúng tôi sẽ gửi file tải xuống cho bạn)”
• “Email công ty”
• “Email ưu tiên”

Ví dụ về chỗ giữ chỗ

• "[email được bảo vệ]"
• “Nhập địa chỉ email của bạn…”
• "[email được bảo vệ]"
• "[email được bảo vệ]"

Ý tưởng hỗ trợ văn bản

Đảm bảo quyền riêng tư

"Chúng tôi sẽ không bao giờ chia sẻ email của bạn với bất kỳ ai" "Email của bạn được bảo mật" "Chúng tôi tôn trọng quyền riêng tư của bạn"

Giải thích cách sử dụng

"Chúng tôi sẽ gửi xác nhận của bạn đến đây." "Chúng tôi nên gửi đường dẫn tải xuống đến đâu?" "Bạn sẽ nhận được thông báo cập nhật tại địa chỉ này."

Hướng dẫn định dạng

"Hãy sử dụng định dạng email hợp lệ (ví dụ: [email được bảo vệ])" "Vui lòng sử dụng email mà bạn thường xuyên kiểm tra" "Nhập email liên kết với tài khoản của bạn"

Nhiều trường email

Khi nào nên sử dụng nhiều

• Tiếp xúc chính và tiếp xúc phụ
• Email cá nhân và email công việc
• Thông báo thanh toán và vận chuyển

Ví dụ: Tiểu học/Trung học

Email chính: [________________] (bắt buộc) Email phụ: [________________] (tùy chọn) Văn bản trợ giúp: "Email phụ dùng để liên hệ dự phòng"

Ví dụ: Tài khoản + Thông báo

Email tài khoản: [________________] Email thông báo: [________________] ☐ Giống với email tài khoản

Xử lý hồ sơ nộp

Trong thông báo qua email

Các giá trị trong trường email sẽ hiển thị trong thông báo của bạn:

Thông tin mới được gửi từ Biểu mẫu Liên hệ: Tên: John Smith Email: [email được bảo vệ]  ← Nhấp chuột để trả lời tin nhắn: ...

Cấu hình trả lời

Đặt trường email là địa chỉ Trả lời đến:

• Nhấp vào “Trả lời” sẽ chuyển đến người gửi.
• Dễ dàng liên lạc tiếp theo

Trong xuất khẩu

Cột CSV: Giá trị Email: [email được bảo vệ], [email được bảo vệ], ...

Tóm tắt các phương pháp hay nhất

Do

• ✓ Sử dụng loại trường email chuyên dụng
• ✓ Thêm nhãn rõ ràng
• ✓ Bao gồm phần giữ chỗ hữu ích
• ✓ Thực hiện khi cần thiết
• ✓ Sử dụng xác nhận cho các biểu mẫu quan trọng
• ✓ Thêm văn bản trợ giúp đảm bảo quyền riêng tư
• ✓ Thử nghiệm trên thiết bị di động

Không

• ✗ Sử dụng ô văn bản để gửi email
• ✗ Bỏ qua bước xác thực
• ✗ Chỉ sử dụng phần giữ chỗ làm nhãn.
• ✗ Hạn chế quá mức các tên miền hợp lệ
• ✗ Hãy quên việc tối ưu hóa bàn phím trên thiết bị di động đi

Xử lý sự cố

Email hợp lệ bị từ chối

• Kiểm tra cài đặt hạn chế tên miền
• Kiểm tra xem định dạng email có đúng chuẩn hay không.
• Một số tên miền cấp cao nhất (TLD) bất thường có thể cần được kiểm tra.

Xác nhận không khớp

• Kiểm tra xem có khoảng trống thừa không.
• Phân biệt chữ hoa chữ thường (thường không phải là vấn đề)
• Thao tác sao chép và dán có thể bao gồm các ký tự ẩn.

Bàn phím di động không phải là kiểu gõ email

• Xác minh xem kiểu dữ liệu trường email có được sử dụng hay không.
• Một số trình duyệt/thiết bị có thể khác nhau.
• Kiểm tra kiểu dữ liệu đầu vào trong mã.

Bài nộp có địa chỉ email không hợp lệ

• Đảm bảo tính năng xác thực được bật.
• Kiểm tra xem quá trình xác thực phía máy khách có hoạt động hay không.
• Thêm bản sao lưu xác thực phía máy chủ

Tổng kết

Thêm trường email vào biểu mẫu WordPress:

1. Thêm trường Email – Kéo để tạo hình
2. Đặt nhãn – Rõ ràng, dễ hiểu
3. Thêm phần giữ chỗ – Ví dụ về định dạng
4. Thực hiện theo yêu cầu – Nếu cần để theo dõi thêm
5. Cho phép xác nhận – Để đạt độ chính xác tối ưu
6. Đặt giới hạn miền – Nếu giới hạn số miền
7. Thêm văn bản trợ giúp – Ghi chú về quyền riêng tư hoặc cách sử dụng
8. Kiểm tra kỹ lưỡng – Hợp lệ, không hợp lệ, di động

Kết luận

Trường email thường là trường quan trọng nhất trong biểu mẫu của bạn — đó là cách bạn liên lạc với người đã gửi biểu mẫu. Sử dụng loại trường email chuyên dụng đảm bảo xác thực chính xác, tối ưu hóa cho thiết bị di động và chất lượng dữ liệu. Thêm xác nhận khi độ chính xác là rất quan trọng và xem xét các hạn chế về tên miền để lọc các biểu mẫu đã gửi. Một trường email được cấu hình tốt sẽ giúp giảm số lượng email bị trả lại và cải thiện khả năng giao tiếp.

Trình tạo biểu mẫu tự động Bao gồm trường email đầy đủ tính năng với chức năng xác thực tích hợp, xác nhận tùy chọn và khả năng hạn chế tên miền. Thu thập địa chỉ email một cách an toàn.

Bạn đã sẵn sàng thêm các trường email chưa? Tải xuống Auto Form Builder Hãy bắt đầu thu thập địa chỉ email hợp lệ ngay hôm nay.