Contact Form 7 (CF7) là một trong những plugin tạo form liên hệ phổ biến nhất trên nền tảng WordPress. Với tính linh hoạt và dễ sử dụng, CF7 giúp người dùng dễ dàng tạo các biểu mẫu liên hệ chỉ trong vài bước đơn giản. Tuy nhiên, một vấn đề thường gặp khi sử dụng CF7 là việc form liên hệ có thể bị tấn công bởi các bot spam, dẫn đến việc nhận hàng loạt email rác hoặc thông tin không mong muốn.
Để giải quyết vấn đề này, việc tích hợp Captcha vào Contact Form 7 là một giải pháp hiệu quả. Captcha (Completely Automated Public Turing test to tell Computers and Humans Apart) là công cụ giúp phân biệt giữa người dùng thật và bot tự động. Bằng cách yêu cầu người dùng hoàn thành một thử nghiệm đơn giản (như nhập mã xác nhận hoặc chọn hình ảnh phù hợp), Captcha giúp ngăn chặn các bot spam gửi thông tin qua form liên hệ.
Các bước tích hợp CAPTCHA vào Contact Form 7:
1. Đăng ký Google reCAPTCHA
Bước 1: Truy cập trang Google reCAPTCHA và đăng nhập bằng tài khoản Google của bạn. Nhấn vào "Admin Console" và tạo một dự án mới hoặc chọn dự án hiện có.
Bước 2: Tiến hành đăng ký reCaptcha
- Để tạo API key reCaptcha cho Contact Form 7 trên website, click icon “+”
- Chọn loại reCAPTCHA phù hợp (v2 hoặc v3), nhập tên miền trang web của bạn, điền tên dự án và hoàn tất quá trình đăng ký để nhận được Site Key và Secret Key.
Bước 3: Lưu thông tin Site Key và Secret Key. Sau khi submit, bạn sẽ thấy màn hình thông báo hiển thị Site Key và Secret Key, chọn Copy Site Key và Secret Key để lưu lại thông tin
2. Cài đặt Plugin Contact Form 7 Captcha
- Để tích hợp Captcha vào CF7, bạn cần sử dụng reCAPTCHA của Google. Đầu tiên, hãy cài đặt và kích hoạt plugin "Contact Form 7 - reCAPTCHA Integration" từ kho plugin của WordPress.
- Tại Bảng quản trị => Chọn Plugin tại menu trái => Cài Plugin. Search từ khoá: Contact Form 7 Captcha. Sau đó tìm đến Plugin như đánh dấu đỏ dưới đây chọn Cài đặt ngay và Kích hoạt
3. Cấu hình reCAPTCHA cho Contact Form 7
- Sau khi cài đặt và kích hoạt plugin, khi đó plugin đã cài sẽ xuất hiện tại Menu Cài đặt => Contact Form 7 Captcha
- Tại đây chọn tab Google reCaptcha để nhập Site key và Secret key vừa mới copy bên trên vào trường tương ứng. Sau đó chọn Save Settings
4. Chèn mã reCAPTCHA vào biểu mẫu liên hệ
- Mở biểu mẫu liên hệ mà bạn muốn thêm reCAPTCHA trong Contact Form 7. Chọn Form liên hệ tại menu trái => di chuột đến form liên hệ mà bạn muốn thêm reCAPTCHA, chọn Sửa
- Tại tab Nội dung form, thêm shortcode có dạng [....] xuất hiện ở thông báo sau khi chọn Save Settings Site key và Secret key ở trên (ví dụ: [cf7sr-recaptcha]) vào vị trí mong muốn trong biểu mẫu của bạn.
- Lưu biểu mẫu để áp dụng thay đổi. Khi đó ở ngoài website sẽ hiển thị capcha được thêm như hình dưới đây:
Việc tích hợp reCAPTCHA vào Contact Form 7 giúp bảo vệ trang web của bạn khỏi các bot spam, đảm bảo rằng chỉ có người dùng thực sự mới có thể gửi thông tin qua biểu mẫu liên hệ. Điều này không chỉ cải thiện hiệu suất của trang web mà còn giúp bạn quản lý thông tin liên hệ một cách hiệu quả hơn.
Nếu bạn gặp khó khăn trong quá trình tích hợp hoặc cần thêm thông tin chi tiết, bạn có thể liên hệ ngay đội ngũ hỗ trợ của BICWeb để được hướng dẫn cụ thể hơn.
Mai Anh (BICWeb.vn)