Jak dodać Captcha do WooCommerce Checkout

Po zbudowaniu sklepu WooCommerce z ShopReady stanęliśmy przed największym wyzwaniem ochrony witryny przed spamerami. Tak, spamerzy mogą używać różnych zautomatyzowanych technologii do infiltracji Twojej firmy i prób składania fałszywych zamówień. Teraz dowiesz się, jak dodać Captcha do WooCommerce Checkout?

Może to przynieść potencjalne szkody Twojej firmie, powodując wprowadzające w błąd transakcje. Musisz więc upewnić się, że użytkownik jest prawdziwym człowiekiem, a także musisz powstrzymać automatyczne skrypty i boty przed zakłócaniem Twojej strony kasy.

Aby rozwiązać ten problem, musisz dodać captcha przy kasie w swoim sklepie WooCommerce. W tym artykule omówimy, dlaczego i jak możesz dodać captcha, aby chronić swoją firmę przed narzędziami spamującymi i botami.

Możesz to zrobić za pomocą wtyczki lub bez wtyczki. Omówimy wszystkie możliwe metody, które wdrożyliśmy w naszym sklepie WooCommerce zbudowanym z ShopReady, abyś mógł ich użyć, dodać Captcha do swojej witryny. Zaczynajmy!

Być może zbudowałeś swój sklep WooCommerce za pomocą narzędzia takiego jak ShopReady, ale masz problemy z zapewnieniem jego bezpieczeństwa. Dodanie captcha przy kasie może być jednym z tych środków bezpieczeństwa, którym powinieneś się przyjrzeć.

Głównym powodem dodania captcha do kasy WooCommerce jest ochrona witryny przed automatycznymi złośliwymi atakami, które próbują dokonać oszukańczych zakupów. Uniemożliwia automatycznym narzędziom wypełnianie formularzy sprzedaży, jednocześnie zapobiegając fałszywym rejestracjom i składaniu zamówień gości. Captcha może powstrzymać wprowadzające w błąd transakcje, które mogą uchronić Cię przed potencjalnymi stratami.

Niektórzy uważają, że captcha może nieco skomplikować interakcję z użytkownikiem, ale istnieją sposoby na zaimplementowanie środowiska użytkownika o niskim współczynniku tarcia, które jest ogólnie wygodne dla klientów. A jedyną rzeczą, która sprawi, że captcha będzie trudna do złamania, są te „skomputeryzowane boty”.

Jak dodać Captcha do kasy Woocommerce?

Przejdźmy teraz do tego, jak dodaliśmy captcha do strony kasy naszego sklepu ShopReady WooCommerce. Wypróbowaliśmy zarówno wtyczki, jak i metody bezwtyczkowe.

Podczas ich prób wymyśliliśmy kilka świetnych wtyczek i fragmentów kodu. Omówmy wszystkie te metody i zobaczmy, która jest dla Ciebie odpowiednia.

Z wtyczką

Aby umożliwić klientowi dokonanie zakupu w sklepie WooCommerce, możesz użyć różnych wtyczek do weryfikacji captcha na stronie kasy lub w dowolnym miejscu na stronie.

Dostępnych jest sporo takich wtyczek. Jednak trzy najlepsze, które wypróbowaliśmy podczas budowania naszego sklepu WC za pomocą ShopReady, to:

• reCaptcha dla WooCommerce

Jest to wtyczka premium zaprojektowana specjalnie dla ochrony przed spamem WooCommerce. Nie jest dostępna jako darmowa wersja, więc najpierw musisz za nią zapłacić. Za pomocą tej wtyczki możesz dodać Google ReCAPTCHA do strony kasy i innych formularzy, w tym rejestracji, logowania, utraconego hasła itp.

Może wyświetlać wiele captcha na jednej stronie, tak jak jeśli masz formularz logowania i rejestracji na tej samej stronie, możesz włączyć captcha w obu formularzach.

Za pomocą tej wtyczki możesz mieć zarówno reCaptcha v2, jak i ReCaptcha V3. Niektóre z jego innych kluczowych funkcji obejmują automatyczne wykrywanie języka użytkownika, dostosowywanie reCaptcha, dostosowywanie komunikatów o błędach i tak dalej.

Nie jest łatwo zainstalować jak każdą inną wtyczkę WordPress ze strony Wtyczki. Łatwe ustawienia zawierają opcje włączania / wyłączania, aby włączyć lub wyłączyć captcha w wymaganych miejscach. Nie mieliśmy problemu z włączeniem go za pomocą narzędzia ShopReady.

Wtyczka jest zbudowana na wysokich standardach, aby zatrzymać fałszywe rejestracje i zamówienia oraz upewnić się, że nic i tak nie może zepsuć witryny.

• CAPTCHA 4WP

Obsługiwana i utrzymywana przez WP White Security, jest to jedna z najlepszych wtyczek captcha , która pozwala prawdziwym ludziom przechodzić przez formularze WooCommerce i strony kasy.

Chroni Twój sklep przed botami, nie pozwalając im ingerować w Twoje zamówienia. Oprócz stron kasy możesz użyć tej wtyczki do wyświetlania captcha w różnych segmentach, takich jak formularze, komentarze, rejestracja, utrata/resetowanie hasła i tak dalej.

Najważniejszą cechą tej wtyczki jest to, że możesz jej użyć, aby wyświetlić wiele captcha na jednej stronie. Obsługuje również niestandardowe style captcha. Możesz wybrać v2 (nie jestem robotem), v2 (niewidoczny) lub v3. Automatycznie wykrywa język użytkownika, aby odpowiednio wyświetlić captcha i ustawienia.

Możesz dodać captcha domyślnie w kilku formularzach, ale dla Contact Form 7, musisz dodać krótki kod . Jest dostępny zarówno w wersji bezpłatnej, jak i premium. Wypróbowaliśmy wersję premium podczas korzystania z ShopReady.

Możesz go łatwo zainstalować ze strony Wtyczki na swoim koncie WooCommerce. Wyszukaj CAPTCHA 4WP, zainstaluj i aktywuj, aby chronić swój sklep przed spamerami.

• reCaptcha od BestWebSoft

BestWebSoft oferuje kolejne skuteczne rozwiązanie captcha do ochrony Twojego sklepu WooCommerce. Działa z prawie wszystkimi formularzami, w tym formularzami rozliczeniowymi WooCommerce.

Za pomocą tej wtyczki możesz używać wersji reCaptcha v2, v3 i niewidocznych. Klient przed przystąpieniem do zakupów musi potwierdzić, że nie jest robotem.

Zapobiega spamowi i atakom brute force za pomocą prób ograniczenia. Produkt wspierany jest szybkim i przyjaznym wsparciem.

Instalacja jest prosta jak każda inna wtyczka WP. Możesz pobrać, zainstalować i aktywować go ze strony Wtyczki. Po skonfigurowaniu możesz przejść do ustawień i wybrać stronę kasy lub inne wymagane miejsce, aby ją włączyć.

Wtyczka zawiera łatwe ustawienia ze szczegółowym przewodnikiem do szybkiej konfiguracji. Jest to wielojęzyczna wtyczka z funkcjami gotowymi do RTL. Możesz także dodać niestandardowy kod za pomocą ustawień. Zawiera również wiele motywów captcha. Podsumowując, wtyczka działała dobrze z narzędziem do tworzenia ShopReady.

Bez wtyczki

Po obejrzeniu wtyczki, nadszedł czas, aby dowiedzieć się, jak dodać captcha bez wtyczki do strony kasy WooCommerce.

Ponieważ Google oferuje usługę antyspamową reCaptcha v2 za darmo, możesz ją wdrożyć na swojej stronie bez wtyczki. Mieliśmy duże doświadczenie w implementacji tego podczas korzystania z ShopReady. Jest to najpopularniejszy interfejs API captcha i musisz trochę zakodować, aby dodać go do kasy WC bez wtyczki.

Ale zanim użyjesz fragmentu kodu, pamiętaj, że nie możesz umieścić go w sekcji płatności formularza. I będziesz musiał wybrać odpowiednią akcję, aby pomyślnie ją dodać.

<?php

/**

* Dodaj reCaptcha do formularza zamówienia

* @param $zamówienie

*/

funkcja doublee_show_me_the_checkout_captcha($checkout) {

echo '<div class=”g-recaptcha” data-sitekey=”TWÓJ_KLUCZ_TUTAJ”></div>';

}

add_action('woocommerce_checkout_order_review', 'doublee_show_me_the_checkout_captcha', 18);

/**

* Zatwierdź reCaptcha

*/

funkcja doublee_process_recaptcha() {

$postdata = $_POST['g-recaptcha-response'];

$verified_recaptcha = file_get_contents('https://www.google.com/recaptcha/api/siteverify?secret=TWÓJ_KLUCZ_TUTAJ&response='.$postdata);

$odpowiedź = json_decode($verified_recaptcha);

if(!$response->success) {

wc_add_notice('Proszę sprawdzić, czy nie jesteś robotem' ,'error');

}

}

add_action('woocommerce_checkout_process', 'doublee_process_recaptcha');

Próbowaliśmy i działało dobrze z naszym sklepem ShopReady WooCommerce.

Jak włączyć Google Recaptcha V2 w kasie Woocommerce?

Aby to zrobić, najlepszym sposobem jest użycie reCaptcha dla wtyczki WooCommerce, ponieważ obsługuje ona zarówno wersje V2, jak i V3.

• Najpierw pobierz plik .zip z konta WC.
• Teraz przejdź do Admin > Wtyczki > Dodaj nową > Prześlij wtyczkę
• Wybierz pobrany plik
• Zainstaluj i aktywuj reCaptcha
• Po aktywacji przejdź do wooCommerce > Ustawienia
• Kliknij zakładkę reCaptcha w Ustawieniach
• Wybierz wersję Recaptcha jako ReCaptcha V2 (pole wyboru)
• Ustaw klucz witryny i tajny klucz
• Zachowaj inne pola, takie jak komunikaty o błędach, bez zmian
• Zapisz ustawienia
• Z listy kart do włączania captcha wybierz opcję płatności gościa WooCommerce i zaznacz pole, aby włączyć reCaptcha do strony płatności gościa.

Aby uzyskać klucz witryny i tajny klucz, wykonaj następujące czynności:

• Zaloguj się na swoje konto Google
• Przejdź do konsoli administracyjnej Google ReCaptcha (https://www.google.com/recaptcha/admin)
• Kliknij przycisk + w prawym górnym rogu
• Dodaj nazwę swojej witryny w polu Dodaj etykietę.
• Wybierz reCaptcha v2.
• Zaznacz pole wyboru „Nie jestem robotem”.
• Dodaj domenę witryny
• Zaakceptuj warunki korzystania z usługi
• Po zakończeniu kliknij Prześlij
• Powinny pojawić się klucz witryny i klucz tajny; po prostu skopiuj je i użyj.

Wniosek

To podsumowuje przewodnik dotyczący dodawania captcha do kasy WooCommerce. Musimy powiedzieć, że wszystkie te metody captcha działały świetnie w naszej kasie ShopReady WooCommerce. Więc ten artykuł powinien działać również dla Ciebie!

Omawia kilka doskonałych wtyczek, które mogą skutecznie chronić Twój sklep WC przed spamerami. ReCaptcha dla WooCommerce jest tutaj wyróżniającym się, który pozwala łatwo i skutecznie skonfigurować Google reCaptcha V2 lub V3.

Omówiliśmy również, jak dodać interfejs API reCaptcha V2, dodając kilka kodów w odpowiednim miejscu. Niezależnie od tego, jaki sposób wybierzesz z powyższej metody, możesz oczekiwać, że Twoja witryna będzie bezpieczna przed fałszywymi zamówieniami po włączeniu którejkolwiek z nich.

Najlepsza praktyka bezpieczeństwa WordPress