Contact Form 7 là gì? Cách tạo form với Contact Form 7 như thế nào. Cấu hình Contact Form 7 WordPress toàn diệnsẽ giúp bạn có ngay một form liên hệ như ý. Bạn sẽ được thông báo qua email đồng thời có thể lấy dữ liệu từ Contact Form 7 nhờ cách kết nối Contact Form 7 với Google Sheet. Hãy cùng Khotenmien.vn tìm hiểu thông qua bài viết dưới đây nhé!
1. Contact Form 7 là gì?
Contact Form 7 là một plugin tạo form miễn phí hoàn toàn & phổ biến nhất cho WordPress. Nó sẽ giúp WordPress có thêm tính năng tạo form liên hệ & chèn form vào bất kỳ trang nào bạn mong muốn. Cấu hình Contact Form 7 cho phép bạn tùy biến đa dạng các trường thông tin & tiêu đề. Thông báo khi có data có thể gửi đến nhiều Mail cùng lúc. Vì quá phổ biến nên có rất nhiều nhà phát triển khác đã bổ sung thêm các tính năng đặc biệt cho nó bằng các plugin bổ trợ.
2. Cách tạo form với Contact Form 7.
Để tạo form, bạn vào mục Form -> Add New trên thực đơn
Tại đây bạn có 2 tuỳ chọn tạo form. một là tạo form với ngôn ngữ mặc định tương ứng với gói ngôn ngữ WordPress bạn đang sử dụng, hai là tạo form với gói ngôn ngữ tuỳ chọn mà bạn sẽ chọn phía dưới.
Sau khi ấn nút tạo form, bạn sẽ có được cửa sổ như sau:
Okey, để ý bên tay trái là những field mặc định họ tạo sẵn. Bên phải bạn sẽ thấy nút Generate Tag, ở đây bạn có thể chọn kiểu field mà plugin này hỗ trợ tạo. Hiện tại nó có một số field như sau mà mình sẽ giải thích kỹ ngay đây:
- Text field: Trường sử dụng để bạn nhập text thông thường, phù hợp tạo field nhập tên, tiêu đề liên hệ,…..
- Email: Trường hơn thế nữa dùng để khách nhập Email của họ vào, lúc đó các hệ thống Mail sẽ hiểu rằng đây chính là Email của người liên hệ để bạn ấn reply rất nhanh.
- URL: Trường dùng để nhập liên kết.
- Telephone Number: Một trường đặc biệt để nhập số máy.
- Number (spinbox): Trường nhập số có thêm tính năng tạo nút tăng/giảm số.
- Number (slider): Trường chọn số đáng chú ý, chọn theo kiểu kéo slide, kéo qua phải thì số tăng & kéo qua phía bên trái thì số giảm.
- Date: Trường riêng biệt để chọn ngày tháng, có tích hợp thêm tính năng chọn theo lịch.
- Text area: Trường để nhập text, nhưng khung text to hơn. thích hợp để làm form điền nội dung liên lạc.
- Dropdown thực đơn: Trường chọn giá trị được định sẵn thông qua menu đổ xuống.
- Checkboxes: Trường chọn giá trị định sẵn bằng việc đánh dấu.
- Radio buttons: Cũng là trường đánh dấu giá trị có sẵn mặc dù vậy chỉ được chọn 1.
- Quiz: Trường nhập nội dung theo kiểu quiz.
- CAPTCHA: Trường nhập mã captcha kiểm tra, nếu nhập đúng thì mới có thể gửi form.
- file upload: Trường cho phép upload tập tin khi gửi liên hệ qua form này.
- Submit button: Chèn nút gửi form.
Quá nhiều lựa chọn phải không? Tuy vậy nhiêu đấy chưa hết đâu, còn có thêm một vài plugin hỗ trợ thêm đa dạng field khác nữa mà mình sẽ đề cập ở một bài khác.
Để thêm một field bất kỳ, bạn ấn vào nút Generate Tag bên tay phải và chọn kiểu field cần tạo, khi ấn vào nó sẽ sổ ra bảng báo giá trị của field mà bạn sẽ nhập (nếu hiểu) hoặc để trống.
Một khi chỉnh xong phần field, bạn sẽ copy đoạn shortcode bên trong khung màu nâu bỏ vào phần form bên tay trái. Bạn nên chèn theo giống như sau:
[html]
Tiêu đề của field (Tên của bạn)
[shortcode-cua-form]
[/html]
Bạn sẽ thấy là mặc định họ cũng làm như thế, bởi vì làm như cách trên thì field của bạn sẽ có một cái tiêu đề nằm ở trên & dưới đây là field để nhập. Nhưng, bạn cũng có thể chỉnh theo kiểu gì đấy mà bạn thích.
Song song với khi đó, bạn cũng cần copy field trong khung màu xanh lá cây bỏ vào khung Message body của khung Email phía bên dưới. Khung này có ý nghĩa là cài đặt mẫu các thư liên hệ mà khách gửi cho bạn qua form này. nếu bạn không sao chép field màu xanh bỏ vào khung bên phải của phần Mail thì bạn thường không thể thấy nội dung mà khách nhập vào trong field đó.
Copy shortcode khung màu xanh bỏ vào Message body của Email
Sau khi chỉnh xong, nhớ ấn nút Save.
TẠM KẾT.
Vừa qua kho đã giới thiệu đến bạn tất tần tật những thông tin cũng như kiến thức về Contact Form 7. Hy vọng qua những chia sẻ trên sẽ phần nào giúp bạn hiểu chính xác Contact Form 7 là gì? Cách tạo form với Contact Form 7. Chúc các bạn thành công.
Xem thêm: Google Form là gì? Cách tạo Google Form dễ dàng nhất
Thu Uyên – Tổng hợp, chỉnh sửa.
