Contact Form 7 là một trong những công cụ cho phép người dùng xây dựng khung liên hệ trên website phổ biến nhất và lâu đời nhất cho mã nguồn WordPress. Tuy nhiên, nhiều người vẫn đang gặp khó khăn trong việc sử dụng Contact form 7. Show Tại bài viết này, chúng tôi sẽ hướng dẫn bạn các bước cài đặt và sử dụng Contact Form 7 đơn giản và hiệu quả nhất. Cấu hình máy chủ SMTP để gửi EmailNhư các bạn đã biết, do hàm mail() của PHP khi gởi mail không chứng thực (Không cần khai báo địa chỉ gởi đi và chứng thực mật khẩu SMTP), chính vì điều này dẫn đến tình trạng Hosting của bạn bị tổ chức chống Spam quốc tế ngăn chặn và không thể gởi-nhận mail vì bị đưa vào danh sách Blacklist. Vì vậy, để gửi Email an toàn trên website, bạn cần phải khai báo thông tin cấu hình máy chủ gửi mail SMTP. Tài liệu để cấu hình máy chủ Mail SMTP:
Tại giao diện quản trị website – WordPress Dashboard → Plugin → Cài mới → Nhập từ khóa tìm kiếm “Contact Form 7” Sau khi tìm được kết quả “Contact Form 7”, bạn Nhấn Cài đặt → Kích hoạt. Bước 1: Tạo mới khung liên hệBạn truy cập vào giao diện quản trị website – WordPress Dashboard → Form liên hệ → Tạo form mới
Tại đây, bạn sẽ thấy các giá trị như sau:
Ngoài ra bạn có thể cài đặt nâng cao bằng các công cụ tạo thẻ có sẵn, xem hướng dẫn chi tiết từ nhà cung cấp tại đây. Như vậy, bạn đã hoàn tất quá trình thiết kế form liên hệ rồi, giờ tới bước tiếp theo. Bước 2: Cấu hình gửi EmailTiếp theo bạn chọn tab → Cấu hình Mail để cấu hình gửi mail Tại đây, bạn sẽ thấy các trường sau:
Để cài đặt nâng cao, bạn có thể xem thêm hướng dẫn từ nhà cung cấp tại đây. Bước 3: Cài đặt Thông báoTại đây bạn chọn tab → Thông báo và Chú ý để thay đổi nội dung thông báo cho người dùng trong quá trình gửi liên hệ. Cuối cùng, bạn chọn “Lưu” để lưu lại Form liên hệ. Chèn khung liên hệ vào website WordPressSau khi đã hoàn tất bước “Thiết kế và cấu hình gửi mail với Contact Form 7”, bạn sao chép đoạn shortcode dưới đây để gán vào Bài viết hoặc Trang để form liên hệ hiển thị. Kiểm tra kết quảBạn tạo 1 Bài viết hoặc Trang, sau đó dán shortcode ở bước trên như hình bên dưới để kiểm tra Và đây là thành quả của chúng ta: Chúc bạn thành công! Xem thêm:
Gửi phản hồi về bài viết này |