Jak dodać CAPTCHA do formularza rejestracji i logowania WordPress?

Powszechnym sposobem zabezpieczenia procesu rejestracji i logowania jest dodanie CAPTCHA do formularza rejestracyjnego w WordPress.

Bezpieczeństwo to czynnik, którego nie można zignorować, jeśli chodzi o formularze rejestracji i logowania do WordPressa. W końcu musisz upewnić się, że konta Twoich użytkowników i Twoja witryna są chronione przed zagrożeniami bezpieczeństwa.

Dodanie CAPTCHA do formularzy rejestracji i logowania jest łatwe i skuteczne w zabezpieczaniu witryny przed atakami z zewnątrz. Ale możesz się zastanawiać, jak możesz to zrobić?

Cóż, wszystko, czego potrzebujesz, to niesamowita wtyczka rejestracji użytkownika. Przygotowaliśmy szczegółowy poradnik jak dodać CAPTCHA do formularzy rejestracyjnych w WordPressie za pomocą wtyczki User Registration. Więc trzymaj się do końca, aby dowiedzieć się wszystkiego o tym wszystkim.

Co to jest CAPTCHA? Po co dodawać go do formularzy rejestracji i logowania?

Całkowicie zautomatyzowany test Turinga, który mówi Computers and Humans Apart , lepiej znany jako CAPTCHA , to narzędzie zaprojektowane do określania, czy użytkownik jest człowiekiem, czy botem.

Ten test odróżnia ludzi od komputerów, analizując różne aspekty interakcji użytkownika. Sposób działania CAPTCHA zależy od typu CAPTCHA używanego przez system. Kilka popularnych obecnie używanych to:

reCAPTCHA v2: reCAPTCHA v2 prosi użytkowników o zaznaczenie „Nie jestem robotem”. pole wyboru lub uzupełnij obrazowe wyzwania CAPTCHA. System analizuje działania użytkownika, aby zweryfikować, czy jest on człowiekiem, czy botem.

reCAPTCHA v3: ta wersja reCAPTCHA ocenia sposób, w jaki użytkownicy wchodzą w interakcję z Twoją witryną. Następnie generuje wynik wskazujący, jak prawdziwy lub fałszywy jest użytkownik. Wyższy wynik oznacza, że ​​użytkownik jest bardziej prawdopodobny.

W przeciwieństwie do reCAPTCHA v2 działa w tle. Twoje formularze nie będą więc wyświetlać obrazów CAPTCHA lub „Nie jestem robotem”. pola wyboru.

hCaptcha: hCaptcha jest bardzo podobny do reCAPTCHA. Jedyna różnica polega na tym, że hCaptcha nie sprzedaje danych zebranych przez użytkowników stronom trzecim.

Teraz głównym celem CAPTCHA jest ochrona strony internetowej przed spamem i ekstrakcją danych. Ochrona ta obejmuje formularze rejestracji i logowania, jeśli do formularzy dodasz CAPTCHA.

Stąd dzięki ochronie CAPTCHA w formularzach rejestracji i logowania,

• Możesz uniknąć rejestracji spamu, aby upewnić się, że w Twojej witrynie są zarejestrowani tylko prawdziwi lub ludzie.
• Możesz uniemożliwić botom dostęp do sekcji komentarzy i recenzji Twojej witryny, odfiltrowując rejestracje spamu.
• Możesz chronić konta istniejących użytkowników, blokując złośliwe próby logowania.

Biorąc pod uwagę wszystkie te korzyści, dobrze jest umieścić CAPTCHA w formularzach rejestracji i logowania. Dobra wtyczka do formularza rejestracyjnego WordPress lub wtyczka CAPTCHA załatwią sprawę.

W następnej sekcji dowiesz się, jak dodać CAPTCHA w formularzu logowania i formularzu rejestracyjnym za pomocą jednej takiej wtyczki WordPress.

Jak dodać CAPTCHA do formularza rejestracji i logowania WordPress?

Wybraliśmy wtyczkę User Registration, aby zademonstrować, jak dodać CAPTCHA do formularzy rejestracji i logowania WordPress.

To genialna wtyczka do tworzenia formularzy rejestracyjnych z wbudowanym formularzem logowania i profilem użytkownika. Interfejs typu „przeciągnij i upuść” sprawia, że ​​tworzenie formularzy rejestracyjnych z dowolną liczbą niestandardowych pól jest bardzo łatwe.

A jeśli jesteś właścicielem sklepu WooCommerce, czeka Cię uczta. Wtyczka umożliwia dodanie pól adresu wysyłki i fakturowania bezpośrednio do formularza rejestracyjnego oraz zsynchronizowanie pól kasy z formularzem.

To nie wszystko, co możesz zrobić dzięki rejestracji użytkownika. Ale na razie skupmy się na jego funkcji ochrony CAPTCHA.

Przy okazji pokażemy Ci również, jak utworzyć niestandardowy formularz rejestracyjny, aby dodać CAPTCHA.

Więc zacznijmy!

1. Zainstaluj i aktywuj wtyczkę rejestracji użytkownika

Przede wszystkim musisz zainstalować i aktywować bezpłatną wtyczkę User Registration na swojej stronie internetowej. Aby to zrobić, zaloguj się do pulpitu WordPress i otwórz Wtyczki >> Dodaj nowy . Wyszukaj wtyczkę i kliknij przycisk Zainstaluj teraz , gdy pojawi się ona w wynikach wyszukiwania.

Następnie aktywuj wtyczkę.

Zobaczysz teraz stronę powitalną, na której możesz przejść do pulpitu nawigacyjnego , rozpocząć konfigurację wtyczki lub bezpośrednio utworzyć pierwszy formularz .

Bez względu na to, którą ścieżkę zdecydujesz się obrać, upewnij się, że masz włączoną opcję Członkostwo . Jeśli będziesz kontynuować proces konfiguracji, uzyskasz opcję Każdy może się zarejestrować w kroku Ogólne . Jest domyślnie włączony. Więc zachowaj to tak, jak jest i naciśnij Dalej , aby kontynuować resztę konfiguracji.

Jeśli już wyszedłeś ze strony powitalnej do pulpitu nawigacyjnego, otwórz Ustawienia >> Ogólne . Tutaj zaznacz pole wyboru Każdy może się zarejestrować i kliknij Zapisz zmiany .

Ten krok jest niezbędny, ponieważ tylko wtedy, gdy włączysz rejestrację użytkownika, Twoi użytkownicy będą mogli uzyskać dostęp do formularza rejestracyjnego w interfejsie użytkownika i zarejestrować się.

Gdy to zrobisz, możesz przejść do następnego kroku.

2. Utwórz nowy formularz rejestracyjny

Kliknięcie Utwórz pierwszy formularz na stronie powitalnej przeniesie Cię do kreatora formularzy rejestracji użytkownika.

Możesz również uzyskać dostęp do tego kreatora z Rejestracja użytkownika >> Dodaj nowy .

Na początek nadaj formularzowi wyraźną nazwę.

Po lewej stronie znajdziesz wszystkie wymagane pola dla niestandardowego formularza rejestracyjnego. Wystarczy przeciągnąć te pola i upuścić je w formularzu po prawej stronie.

Formularz ma już dwa pola User Email i User Password . W ten sposób możesz dodać do formularza dowolne inne pole.

Oto kompletny przewodnik po tworzeniu formularza rejestracji użytkownika w WordPress za pomocą wtyczki Rejestracja użytkownika.

Po zakończeniu tworzenia formularza kliknij opcję Utwórz formularz . I masz to! Prosty formularz rejestracyjny w kilku szybkich krokach.

3. Zintegruj Google reCAPTCHA i hCaptcha z rejestracją użytkownika

Po utworzeniu formularza nadszedł czas, aby dodać CAPTCHA. W tym celu przejdź do Rejestracja użytkownika >> Ustawienia >> Integracja .

W opcji CAPTCHA zobaczysz, że wtyczka oferuje 3 typy CAPTCHA: reCaptcha v2, reCaptcha v3 i hCaptcha.

Niezależnie od tego, jaki typ wybierzesz, będziesz potrzebować klucza witryny i tajnego klucza , aby aktywować CAPTCHA. Nie wiesz, jak zdobyć klucze?

Po prostu wykonaj czynności opisane poniżej.

I. Uzyskaj klucz witryny i klucz tajny dla reCAPTCHA i hCaptcha

A. Klucz witryny i tajny klucz reCAPTCHA

Najpierw najedź kursorem na ' ? ' obok etykiety Klucz witryny lub Klucz tajny i kliknij łącze w opisie.

Otworzy się oficjalna strona Google reCAPTCHA.

Kliknij menu Konsola administracyjna v 3 w nagłówku i zaloguj się na swoje konto Google.

Następnie zostaniesz przeniesiony na stronę Utwórz , gdzie możesz zarejestrować nową witrynę. Powinna to być strona, w której chcesz zintegrować CAPTCHA.

Wpisz nazwę swojej witryny w etykiecie i wybierz typ reCAPTCHA między v2 a v3.

Wybór v2 zawiera 3 dodatkowe opcje:

• Pole wyboru „Nie jestem robotem”
• Niewidoczna plakietka reCAPTCHA
• reCAPTCHA Android

Po wybraniu typu reCAPTCHA dodaj domenę swojej witryny, zaakceptuj Warunki korzystania z usługi reCAPTCHA i kliknij przycisk Prześlij .

Otóż ​​to! Twoja witryna jest teraz zarejestrowana w Google reCAPTCHA.

Pozostało tylko skopiować klucz witryny i tajny klucz do późniejszego wykorzystania.

Będziesz ich potrzebować, aby zintegrować CAPTCHA z formularzami.

B. Klucz witryny hCaptcha i klucz tajny

Podobnie jak w przypadku reCaptcha, otwórz link do oficjalnej strony hCaptcha z linku podanego w wyskakującym opisie.

Następnie otwórz stronę rejestracji, naciskając przycisk Zarejestruj się.

Istnieje kilka rodzajów planów, które hCaptcha oferuje firmom i osobom prywatnym. Na razie wybierz bezpłatną usługę dla swojej witryny.

Następnie utwórz nowe konto i zdobądź klucz witryny i tajny klucz .

II. Zintegruj reCAPTCHA v2, v3 lub hCaptcha

Teraz, gdy masz potrzebne klucze, wróć do ustawień integracji w sekcji Rejestracja użytkownika .

reCaptcha v2:

Jeśli dodajesz reCAPTCHA v2, wybierz reCaptcha v2 Captcha Type . Następnie wklej klucz witryny i tajny klucz wygenerowany dla reCAPTCHA v2.

Możesz również sprawić, że CAPTCHA będzie niewidoczna. Na koniec naciśnij przycisk Zapisz zmiany .

reCaptcha v3:

Wybierz reCaptcha v3 i wklej klucz witryny i tajny klucz wygenerowany przez Google reCAPTCHA. Następnie ustaw wartość progową dla walidacji żądań.

W tym przypadku wartość domyślna to 0,4, co oznacza, że ​​użytkownicy, którzy uzyskali 4 na 10 wszystkich wyników, są weryfikowani jako prawdziwi użytkownicy. Możesz zwiększyć wynik Threshold , aby uzyskać bardziej rygorystyczną ocenę użytkownika.

hCaptcha:

Wybierz hCaptcha w opcji Captcha Type i wklej klucze wygenerowane z konta hCaptcha. Nie zapomnij na końcu zapisać zmian .

Gratulacje! Pomyślnie zintegrowałeś Google reCAPTCHA lub hCaptcha z rejestracją użytkownika. Możesz teraz przystąpić do dodawania ich do formularzy rejestracji i logowania.

4. Włącz obsługę reCAPTCHA dla formularza rejestracyjnego

Samo zintegrowanie reCAPTCHA z rejestracją użytkownika nie wystarczy. Nadal musisz włączyć obsługę CAPTCHA dla formularzy rejestracyjnych w swojej witrynie WordPress.

Otwórz więc utworzony wcześniej niestandardowy formularz rejestracyjny i przejdź do jego ustawień formularza . Przewijając kartę Ogólne , zobaczysz opcję Włącz obsługę Captcha .

Zaznacz pole wyboru i kliknij Aktualizuj formularz u góry kreatora. Twój formularz rejestracyjny będzie teraz wyświetlał CAPTCHA w zależności od typu CAPTCHA, który zintegrowałeś w poprzednich krokach.

5. Włącz Google reCaptcha dla formularza logowania

Ponieważ Rejestracja Użytkownika zawiera już wbudowany formularz logowania, nie musisz tworzyć kolejnego od zera.

Po prostu przejdź do Rejestracja użytkownika >> Ustawienia i otwórz Opcje logowania w zakładce Ogólne .

Tutaj zaznacz pole wyboru Włącz Captcha i zapisz zmiany. Powinno to dodać weryfikację CAPTCHA do formularza logowania do Twojej witryny.

Zawijanie

CAPTCHA mają kluczowe znaczenie, jeśli chodzi o bezpieczeństwo Twojej witryny. Obejmuje to bezpieczeństwo Twoich stron rejestracji i logowania. Blokuje to rejestracje spamu i chroni konta prawdziwych użytkowników.

Wtyczka User Registration ułatwia dodanie ochrony CAPTCHA do formularzy rejestracji i logowania. Najlepsza część? Możesz wybierać między reCAPTCHA v2, reCAPTCHA v3 i hCaptcha.

Postępuj zgodnie z powyższym przewodnikiem, a będziesz mógł zintegrować swoje formularze rejestracji i logowania z wybranym przez siebie CAPTCHA.

Co więcej, możesz również użyć tej niesamowitej wtyczki, aby włączyć silne hasła, przypisywać role użytkowników podczas rejestracji i pozwolić administratorom zatwierdzać użytkowników po rejestracji.

Dowiedz się więcej o rejestracji użytkownika za pośrednictwem naszego bloga, gdzie omówiliśmy różne funkcje i sposoby ich implementacji w swojej witrynie.

Śledź nas również na Twitterze i Facebooku, aby być na bieżąco.