Recaptcha WordPress Mẫu liên hệ 7

Trong bài viết này, bạn sẽ học cách thêm reCAPTCHA vào Contact Form 7. Bạn có thể thêm cả reCAPTCHA v3 và reCAPTCHA v2 vào Mẫu liên hệ 7

Biểu mẫu liên hệ WordPress 7 Thư rác

Gửi thư rác là một vấn đề lớn nếu bạn có plugin Contact Form 7 trong trang web WordPress của mình. Để ngăn spam và chặn các bot spam sử dụng biểu mẫu Contact Form 7 của bạn, bạn phải thêm Contact Form 7 reCAPTCHA

Việc thêm reCAPTCHA vào biểu mẫu liên hệ WordPress của bạn sẽ bảo vệ trang web của bạn khỏi gian lận và lạm dụng. reCAPTCHA giúp bạn ngăn chặn bot spam và các cuộc tấn công tự động khác trong khi phê duyệt người dùng hợp lệ gửi mục nhập biểu mẫu.
Plugin Contact Form 7 là plugin biểu mẫu WordPress phổ biến để tạo biểu mẫu liên hệ trong WordPress. Vì vậy, trong bài đăng này, chúng ta sẽ xem cách thêm reCAPTCHA vào plugin Contact Form 7.

Mẫu liên hệ 7 reCAPTCHA

Plugin Contact Form 7 (CF7) theo mặc định hỗ trợ Google reCAPTCHA, vì vậy bạn không cần bất kỳ plugin bổ sung nào khác cho reCAPTCHA. CF7 chính thức hỗ trợ reCAPTCHA v3, ẩn với người dùng và không làm gián đoạn trải nghiệm người dùng

reCAPTCHA v3 không yêu cầu bất kỳ hành động nào từ người dùng mà tự động đặt điểm bằng cách hoạt động ở chế độ nền, biểu mẫu Biểu mẫu liên hệ 7 của bạn sẽ được bảo vệ bởi reCAPTCHA vô hình

Ngoài ra còn có reCAPTCHA v2 có sẵn. Nó xác minh xem một tương tác có hợp pháp hay không bằng hộp kiểm “Tôi không phải là người máy” và với các thử thách huy hiệu reCAPTCHA ẩn. Nếu bạn muốn thêm reCAPTCHA v2 vào biểu mẫu Contact Form 7 của mình, bạn sẽ cần một tiện ích bổ sung. Chúng tôi cũng sẽ đề cập đến việc thêm reCAPTCHA v2 trong bài đăng này

Dù là phiên bản v3 hay v2, để thêm reCAPTCHA vào Biểu mẫu liên hệ 7, trước tiên bạn cần tạo khóa API cho reCAPTCHA. Để thực hiện việc này, hãy đăng nhập vào Google reCAPTCHA

Ghi chú. Bạn có thể dễ dàng lưu các tin nhắn của Biểu mẫu liên hệ 7 và thực hiện các thao tác tự động hóa Biểu mẫu liên hệ 7 khác bằng plugin Tablesome miễn phí

Cũng thấy. Làm cách nào để lưu các lần gửi Biểu mẫu liên hệ 7 vào cơ sở dữ liệu?

Làm cách nào để tạo khóa Google reCAPTCHA?

  1. Truy cập trang Google reCAPTCHA bằng liên kết này – https. //www. Google. com/recaptcha/about/
  2. Tại đây, nhấp vào “Bảng điều khiển dành cho quản trị viên v3”
  3. Nếu bạn có tài khoản Gmail, hãy sử dụng nó để đăng nhập vào Google reCAPTCHA. Nếu bạn không tạo một tài khoản Gmail mới và sử dụng nó để đăng nhập vào Google reCAPTCHA
  4. Sau khi đăng nhập vào bảng điều khiển dành cho quản trị viên reCAPTCHA của Google, trông giống như hình bên dưới
  5. Trong Bảng điều khiển reCAPTCHA, bạn sẽ có một tập hợp các nút ở góc trên cùng bên phải
  6. Nhấp vào nút “Plus” để đăng ký trang web mới cho Google reCAPTCHA
  7. Trong trường Nhãn thêm tên miền của trang web của bạn
  8. Sau đó, chọn phiên bản reCAPTCHA muốn tạo, bạn có thể chọn reCAPTCHA v3 hoặc reCAPTCHA v2. Chọn đúng phiên bản vì sau này muốn thay đổi phiên bản reCAPTCHA thì bạn phải thêm nó dưới dạng một trang web khác
  9. Nếu bạn chọn reCAPTCHA v3, thì không cần thêm tùy chọn
  10. Nếu bạn chọn reCAPTCHA v2, bạn sẽ được hỏi thêm để chọn giữa 3 tùy chọn
  11. Đối với Biểu mẫu liên hệ 7, bạn có thể chọn có 'Hộp kiểm' hoặc reCAPTCHA ẩn
  12. Sau đó thêm tên miền của bạn vào trường tên miền và nhấp vào Gửi
  13. Giờ đây, các khóa API reCAPTCHA sẽ được tạo cho trang web của bạn. Chúng tôi phải thêm các khóa này vào Mẫu liên hệ 7

Thêm khóa reCAPTCHA (v3) vào Mẫu liên hệ 7

Để thêm các khóa reCAPTCHA, hãy quay lại bảng điều khiển WordPress của bạn và sau đó,

  1. Cài đặt và kích hoạt Contact Form 7. (Bỏ qua bước này nếu bạn đã cài đặt plugin Contact Form 7)
  2. Trong menu bảng điều khiển ở thanh bên và đi tới Liên hệ → Tích hợp
  3. Trong trang Tích hợp, bạn sẽ tìm thấy nhiều tích hợp khác nhau. Tại đây, tìm tích hợp reCAPTCHA  rồi nhấp vào “Thiết lập tích hợp”
  4. Nó sẽ đưa bạn đến một trang yêu cầu khóa Trang web và khóa Bí mật của bạn
  5. Bây giờ, hãy truy cập bảng điều khiển Google reCAPTCHA và sao chép các khóa reCAPTCHA mà bạn vừa tạo và dán vào trang tích hợp rồi nhấp vào Lưu thay đổi

Huy hiệu reCAPTCHA

Một huy hiệu reCAPTCHA nhỏ như hình ảnh hiển thị ở trên sẽ xuất hiện ở dưới cùng bên phải của mỗi trang nếu reCAPTCHA v3 đang hoạt động bình thường trên trang web của bạn. Huy hiệu này được thêm vào để thông báo cho khách truy cập trang web rằng họ bị Google theo dõi và nó cung cấp các liên kết đến chính sách quyền riêng tư của reCAPTCHA

Nếu bạn không thích huy hiệu này hiển thị trên trang web của mình, Google cho phép bạn ẩn huy hiệu reCAPTCHA nhưng bạn phải thêm chính sách bảo mật của reCAPTCHA vào chính sách bảo mật của trang web của mình.
Để ẩn điều này, bạn phải thêm CSS tùy chỉnh giống như hiển thị bên dưới.

.grecaptcha-badge { visibility: hidden; }

reCAPTCHA v3 đang cho phép spam. phải làm gì?

Nếu reCAPTCHA v3 không hoạt động và bạn vẫn nhận được tin nhắn rác trong Biểu mẫu liên hệ 7 của mình, bạn vẫn có thể quay lại reCAPTCHA v2, yêu cầu xác thực hộp kiểm “Tôi không phải là người máy” để dừng bot spam

Contact Form 7 có hỗ trợ reCaptcha v2 không?

Mẫu liên hệ 7 phiên bản 5. 1 trở lên sử dụng reCaptcha 3. Nó không hỗ trợ reCaptcha phiên bản 2 nữa . Tuy nhiên, bạn có thể sử dụng reCaptcha 2 với cả Contact Form 7 mới nhất bằng plugin khác. Phần bên dưới giải thích cách sử dụng reCaptcha 2 với Contact Form 7 phiên bản mới nhất.

Làm cách nào để tích hợp reCaptcha v3 trong Contact Form 7?

Chọn reCAPTCHA v3 từ các tùy chọn loại và nhập tên miền của trang web vào trường Tên miền. Sau khi bạn đăng ký một trang web, bạn sẽ nhận được khóa trang web và khóa bí mật cho trang web. Tiếp theo, di chuyển đến màn hình quản trị WordPress và mở trang menu Liên hệ > Tích hợp. Bạn sẽ thấy một hộp có tiêu đề reCAPTCHA ở đó

Làm cách nào để tích hợp CAPTCHA vào biểu mẫu liên hệ?

Cách thêm CAPTCHA vào biểu mẫu liên hệ trong WordPress .
Cài đặt WPForms
Đăng ký với hCaptcha
Tạo Sitekey và Secret Key
Nhập Khóa trang web và Khóa bí mật của bạn trong WordPress
Thêm CAPTCHA vào Biểu mẫu liên hệ

Chủ đề