Với hơn 5 triệu lượt cài đặt , Contact Form 7 là một trong những Plugins tạo Form liên hệ phổ biến nhất cho WordPress hiện nay. Nó có một giao diện trực quan, thiết lập đơn giản giúp bạn tạo được ngay một Form liên hệ vô cùng nhanh chóng.
Cài đặt Contact Form 7
Đầu tiên hãy đăng nhập vào trang quản trị của WordPress của bạn và truy cập Plugins >> Add new, tiếp đó bạn hãy tìm và cài đặt Plugin có tên Contact Form 7. Nếu không muốn cài đặt trực tiếp từ thư viện của WordPress, thì bạn có thể Download file cài đặt thủ công Tại đây.
Tạo Form
Sau khi cài đặt và kích hoạt Plugins xong, để tạo Form cho website thì bạn truy cập Contact >> Add new
- Tại tab Form
Bạn điền đầy đủ nội dung Form của mình tương tự như ảnh.
- Tại tab Mail
Tại đây các bạn sẽ điền Email dùng để nhận thông báo, khi có khách hàng điền thông tin vào Form.
Lưu ý: Để có thể nhận được thông báo về email khi khách hàng điền Form, các bạn cần phải cấu hình SMTP trước. Và Email cấu hình SMTP phải khớp với Email bạn điền ở Form.
– Hướng dẫn cấu hình SMTP Gmail với WordPress
Sau khi đã cấu hình SMTP thành công, bây giờ hãy điền Email đó vào Form như sau:
Nếu muốn tìm hiểu thêm kỹ hơn về phần thiết lập, các bạn có thể xem thêm tại: https://contactform7.com/docs/
Hướng dẫn thêm Form vào website
Với Contact Form 7, bạn có thể chèn Form vào bất cứ đâu trên website mà bạn muốn, vì nó có hỗ trợ Shortcode.
- Lấy shortcode của Form
Mỗi Form sẽ có một Shortcode tương ứng, vì vậy nếu muốn sử dụng Form nào thì bạn chỉ cần lấy Shortcode tương ứng của nó và chèn vào nơi muốn hiển thị là được.
- Thêm Form vào bài viết, trang bất kỳ.
Ví dụ bây giờ mình có một bài viết mới, mình sẽ dán shortcode vào bài viết như hình và Save lại.
Bây giờ hãy truy cập vào bài viết và kiểm tra thành quả nhé. Đây là kết quả của mình.
- Điền thông tin vào Form và kiểm tra thông báo về Email
Bây giờ mình sẽ điền thông tin vào Form và kiểm tra xem có thông báo về Email không nhé.
Và dưới đây là kết quả sau khi điền Form, như vậy đã có thông báo về Email đã cấu hình ở Bước 2.
Chúc các bạn thành công.!
