Cách tạo biểu mẫu liên hệ trong WordPress mà không cần lập trình
Bạn muốn thêm biểu mẫu liên hệ vào trang web WordPress của mình nhưng không biết lập trình? Bạn đã đến đúng chỗ rồi. Trong hướng dẫn từng bước này, bạn sẽ học cách... Tạo biểu mẫu liên hệ chuyên nghiệp trong WordPress mà không cần viết một dòng mã nào.—và chỉ mất chưa đến 5 phút.
Dù bạn là một blogger, chủ doanh nghiệp nhỏ hay đang xây dựng trang web đầu tiên của mình, việc có một biểu mẫu liên hệ là rất cần thiết. Nó cho phép khách truy cập dễ dàng liên hệ với bạn, giúp bạn thu thập khách hàng tiềm năng và trông chuyên nghiệp hơn nhiều so với việc chỉ đăng địa chỉ email của bạn.
Tại sao mọi trang web WordPress đều cần biểu mẫu liên hệ?
Trước khi đi sâu vào hướng dẫn, hãy cùng tìm hiểu lý do tại sao biểu mẫu liên hệ lại quan trọng:
- Bảo vệ email của bạn khỏi thư rác. – Việc công khai địa chỉ email của bạn sẽ tạo điều kiện cho các bot gửi thư rác tràn ngập hộp thư đến của bạn.
- Trông chuyên nghiệp – Một mẫu đơn được thiết kế tốt sẽ tạo dựng niềm tin với khách truy cập
- Thu thập thông tin có cấu trúc – Nhận được các thông tin cần thiết (tên, email, tin nhắn) một cách có hệ thống.
- Theo dõi các yêu cầu – Lưu trữ các bài gửi trong bảng điều khiển WordPress của bạn thay vì để chúng bị mất trong email.
- Trải nghiệm thân thiện với thiết bị di động – Biểu mẫu hoạt động hoàn hảo trên điện thoại và máy tính bảng
Những gì bạn cần
Để làm theo hướng dẫn này, bạn cần:
- Một trang web WordPress (tự lưu trữ trên WordPress.org)
- Quyền quản trị để cài đặt plugin
- 5 phút thời gian của bạn
Vậy thôi! Không cần kiến thức lập trình, không cần kinh nghiệm kỹ thuật, không cần công cụ trả phí.
Bước 1: Cài đặt Auto Form Builder (Plugin miễn phí)
Chúng tôi sẽ sử dụng Trình tạo biểu mẫu tự động (còn được biết là A.F.B.)—miễn phí, Plugin WordPress nhẹ Với giao diện kéo thả trực quan. Nó hoàn hảo cho người mới bắt đầu vì không cần thời gian học hỏi gì cả.
Đây là cách cài đặt nó:
- Đăng nhập vào bảng điều khiển quản trị WordPress của bạn
- Đến phần Plugin → Thêm mới
- Tìm kiếm "A.F.B.” (tên viết tắt của Auto Form Builder)
- Tìm kiếm "AFB – Auto Form Builder – Công cụ tạo biểu mẫu kéo và thả"
- Nhấp chuột Bây giờ cài đặtthì Kích hoạt
💡 Mẹo: Tìm kiếm với từ khóa “AFB” là cách nhanh nhất để tìm thấy plugin này trong kho lưu trữ WordPress.
Sau khi kích hoạt, bạn sẽ thấy “Auto Form Builder” trong menu quản trị WordPress. Vậy là xong — bạn đã sẵn sàng tạo biểu mẫu đầu tiên của mình!
Bước 2: Tạo biểu mẫu liên hệ mới
Giờ hãy cùng xây dựng biểu mẫu liên hệ của bạn:
- Nhấp chuột Trình tạo biểu mẫu tự động trong menu quản trị của bạn
- Nhấp chuột Tạo biểu mẫu mới
- Bạn sẽ thấy màn hình chọn mẫu—hãy chọn... Đăng ký thông tin
Auto Form Builder đi kèm với một mẫu biểu mẫu liên hệ được xây dựng sẵn, bao gồm:
- Trường Họ Tên đầy đủ
- Trường địa chỉ email
- Trường Số điện thoại (Không bắt buộc)
- Trường tin nhắn
Mẫu này đã sẵn sàng để sử dụng ngay lập tức, nhưng bạn có thể tùy chỉnh theo ý thích.
Bước 3: Tùy chỉnh các trường trong biểu mẫu (Tùy chọn)
Bạn muốn thêm hoặc chỉnh sửa các trường? Trình tạo kéo và thả giúp bạn thực hiện điều đó một cách đơn giản:
Thêm trường mới
Ở thanh bên trái, bạn sẽ thấy các loại trường có sẵn. Đơn giản vậy thôi. kéo bất kỳ trường nào vào khung vẽ biểu mẫu của bạn:
- Nhập văn bản – Dành cho những câu trả lời ngắn như tên hoặc môn học
- Email – Tự động xác thực địa chỉ email
- Điện thoại – Dành cho số điện thoại có tùy chọn định dạng
- Vùng văn bản – Dành cho các tin nhắn dài hơn
- Thả xuống – Cho phép người dùng lựa chọn từ các tùy chọn (như “Lý do liên hệ”)
- Checkbox – Dành cho hộp đồng ý hoặc lựa chọn nhiều mục
Chỉnh sửa cài đặt trường
Nhấp vào bất kỳ trường nào để tùy chỉnh:
- Thay đổi nhãn (Ví dụ: “Tên của bạn” thay vì “Họ và tên”)
- Thêm Văn bản giữ chỗ để hướng dẫn người dùng
- Tạo ruộng cần phải hoặc tùy chọn
- Thêm văn bản trợ giúp các trường bên dưới
Sắp xếp lại các trường
Đơn giản chỉ cần kéo các trường lên hoặc xuống để thay đổi thứ tự của chúng. Trình tạo trực quan cho thấy chính xác biểu mẫu của bạn sẽ trông như thế nào.
Bước 4: Cấu hình cài đặt biểu mẫu
Nhấn vào Cài Đặt Chọn tab để cấu hình những gì xảy ra khi ai đó gửi biểu mẫu của bạn:
gửi tin thành công
Tùy chỉnh thông báo mà người dùng nhìn thấy sau khi gửi biểu mẫu. Ví dụ:
“Cảm ơn bạn đã liên hệ với chúng tôi! Chúng tôi sẽ liên lạc lại với bạn trong vòng 24 giờ.”
những thông báo thư điện tử
Nhận thông báo ngay lập tức khi có người điền vào biểu mẫu của bạn:
- Kích hoạt tính năng những thông báo thư điện tử
- Nhập địa chỉ email của bạn (hoặc nhiều địa chỉ email, cách nhau bằng dấu phẩy)
- Tùy chỉnh dòng tiêu đề email
Mọi bài gửi sẽ được gửi trực tiếp vào hộp thư đến của bạn—và cũng được lưu trữ an toàn trong bảng điều khiển WordPress của bạn.
Bước 5: Tùy chỉnh kiểu dáng biểu mẫu (Không bắt buộc)
Bạn muốn biểu mẫu của mình phù hợp với thiết kế trang web? Nhấp vào tab Tùy chỉnh để tùy chỉnh:
- Màu sắc – Thay đổi màu sắc, hình nền và văn bản của nút
- Borders – Điều chỉnh đường viền trường và bán kính góc
- Khoảng cách – Kiểm soát khoảng đệm và lề
- nút – Tùy chỉnh văn bản và giao diện của nút gửi
Các biểu mẫu của Auto Form Builder được thiết kế để trông đẹp mắt trên mọi giao diện ngay từ đầu, vì vậy việc tùy chỉnh kiểu dáng hoàn toàn là tùy chọn.
Bước 6: Lưu và lấy mã ngắn của bạn
Khi bạn đã hài lòng với mẫu đơn của mình:
- Hãy đặt tên cho biểu mẫu của bạn (ví dụ: “Biểu mẫu liên hệ”).
- Nhấp chuột Lưu biểu mẫu
- Sao chép mã ngắn hiển thị
Bước 7: Thêm biểu mẫu liên hệ vào trang của bạn
Bây giờ, hãy hiển thị biểu mẫu của bạn trên trang web:
Phương án A: Thêm vào trang hiện có
- Đến phần trang và chỉnh sửa trang Liên hệ của bạn
- Dán mã ngắn vào vị trí bạn muốn hiển thị biểu mẫu.
- Nhấp chuột Cập nhật
Phương án B: Tạo trang Liên hệ mới
- Đến phần Trang → Thêm mới
- Đặt tiêu đề là “Liên hệ” hoặc “Liên hệ với chúng tôi”
- Bạn có thể thêm một vài đoạn văn giới thiệu nếu muốn.
- Dán mã ngắn
- Nhấp chuột Xuất bản
Hãy truy cập trang của bạn để xem biểu mẫu liên hệ mới tuyệt đẹp hoạt động như thế nào!
Bước 8: Kiểm tra biểu mẫu liên hệ của bạn
Trước khi công bố mẫu đơn mới của bạn ra toàn thế giới, hãy thử nghiệm nó:
- Truy cập trang liên hệ của bạn
- Điền thông tin bài kiểm tra vào mẫu đơn.
- Nhấp vào Gửi
- Hãy kiểm tra xem bạn có thấy thông báo thành công hay không.
- Kiểm tra email của bạn để xem thông báo.
- Trong WordPress, hãy truy cập vào... Trình tạo biểu mẫu tự động → Biểu mẫu gửi để xem mục đã lưu
Nếu mọi thứ hoạt động tốt, xin chúc mừng — biểu mẫu liên hệ của bạn đã được kích hoạt!
Quản lý các biểu mẫu liên hệ đã gửi
Một trong những tính năng tốt nhất của Auto Form Builder là tính năng tích hợp sẵn. quản lý nộp bàiKhông giống như một số plugin biểu mẫu chỉ gửi email, mọi biểu mẫu được gửi đi đều được lưu trữ trong cơ sở dữ liệu WordPress của bạn.
Đến phần Công cụ tạo biểu mẫu tự động → Đệ trình đến:
- Xem tất cả bài nộp trong một bảng có thể tìm kiếm
- Lọc theo ngày – Hôm nay, tuần này, tháng này, v.v.
- Bài nộp tìm kiếm – Tìm kiếm tin nhắn cụ thể ngay lập tức
- Đánh dấu đã đọc/chưa đọc – Theo dõi những yêu cầu bạn đã xử lý
- Thông điệp quan trọng của ngôi sao – Đánh dấu các liên hệ ưu tiên cao
- Xuất sang CSV – Tải xuống dữ liệu của bạn để sử dụng trong bảng tính hoặc sao lưu.
Điều này có nghĩa là bạn sẽ không bao giờ mất bất kỳ yêu cầu nào từ khách hàng, ngay cả khi email không được gửi thành công.
Vì sao Auto Form Builder là công cụ hoàn hảo cho biểu mẫu liên hệ
Có rất nhiều plugin tạo biểu mẫu WordPress, nhưng đây là lý do tại sao Auto Form Builder nổi bật trong việc tạo biểu mẫu liên hệ:
| Tính năng | Trình tạo biểu mẫu tự động |
|---|---|
| Giá | Miễn phí |
| Trình tạo kéo và thả | Có |
| Mẫu biểu mẫu liên hệ được xây dựng sẵn | Có |
| Những thông báo thư điện tử | Có |
| Lưu trữ bài nộp | ✅ Có (trong WordPress) |
| Điện thoại di động đáp ứng | Có |
| Không cần mã hóa | Có |
| Nhẹ và nhanh | Có |
| Tuân thủ GDPR (dữ liệu được lưu trữ trên máy chủ của bạn) | Có |
| Nộp hồ sơ xuất khẩu | ✅ CSV, JSON, XML |
| Logic có điều kiện | Có |
Câu Hỏi Thường Gặp
Liệu biểu mẫu này có tương thích với giao diện WordPress của tôi không?
Đúng vậy. Auto Form Builder được thiết kế để hoạt động với bất kỳ giao diện WordPress nào.
Tôi có thể nhận các biểu mẫu đã điền qua email không?
Chắc chắn rồi. Hãy bật thông báo qua email trong cài đặt biểu mẫu, và bạn sẽ nhận được email mỗi khi có người gửi biểu mẫu của bạn. Các biểu mẫu đã gửi cũng được lưu trữ trong bảng điều khiển WordPress của bạn như một bản sao lưu.
Biểu mẫu liên hệ có tương thích với thiết bị di động không?
Đúng vậy. Tất cả các biểu mẫu được tạo bằng Auto Form Builder đều hoàn toàn tương thích và hiển thị tốt trên điện thoại, máy tính bảng và máy tính để bàn.
Làm thế nào để bảo vệ biểu mẫu của tôi khỏi thư rác?
Auto Form Builder cung cấp các tiện ích bổ sung bảo vệ chống spam, bao gồm Google reCAPTCHA và Cloudflare Turnstile.
Bước tiếp theo
Giờ đây khi trang web WordPress của bạn đã có biểu mẫu liên hệ, hãy cân nhắc những cải tiến sau:
- Thêm biểu mẫu liên hệ vào phần chân trang. – Đảm bảo có thể truy cập từ mọi trang
- Tạo biểu mẫu phản hồi – Thu thập đánh giá và nhận xét của khách hàng
- Xây dựng mẫu đăng ký nhận bản tin – Phát triển danh sách email của bạn
- Thêm tính năng chống thư rác – Kích hoạt reCAPTCHA cho các trang web có lưu lượng truy cập cao
Kết luận
Việc tạo biểu mẫu liên hệ trong WordPress không yêu cầu bất kỳ kỹ năng lập trình nào. Với Trình tạo biểu mẫu tự độngVới công cụ này, bạn có thể tạo một biểu mẫu liên hệ chuyên nghiệp, thân thiện với thiết bị di động chỉ trong vòng chưa đầy 5 phút—hoàn toàn miễn phí.
Giao diện kéo thả dễ sử dụng ngay cả với người mới bắt đầu, trong khi hệ thống quản lý yêu cầu tích hợp đảm bảo bạn không bao giờ bỏ sót bất kỳ yêu cầu nào của khách hàng. Thêm vào đó, tất cả dữ liệu của bạn được lưu trữ an toàn trên máy chủ WordPress của riêng bạn.
Bạn đã sẵn sàng tạo biểu mẫu liên hệ chưa? Tải xuống Auto Form Builder Tải plugin từ kho plugin WordPress và bắt đầu sử dụng ngay hôm nay.
