So fügen Sie Captcha zur WooCommerce-Kaufabwicklung hinzu

Veröffentlicht: 2022-10-18

Nach dem Aufbau eines WooCommerce-Shops mit ShopReady standen wir vor der größten Herausforderung, die Website vor Spammern zu schützen. Ja, Spammer könnten verschiedene automatisierte Technologien verwenden, um Ihr Unternehmen zu infiltrieren und zu versuchen, betrügerische Bestellungen aufzugeben. Jetzt erfahren Sie, wie Sie Captcha zur WooCommerce-Kaufabwicklung hinzufügen?

So fügen Sie Captcha zur WooCommerce-Kaufabwicklung hinzu

Dies kann Ihrem Unternehmen durch irreführende Transaktionen potenziellen Schaden zufügen. Sie müssen also sicherstellen, dass der Benutzer ein echter Mensch ist, und Sie müssen auch verhindern, dass automatisierte Skripte und Bots Ihre Checkout-Seite stören.

Um dies zu lösen, müssen Sie an der Kasse Ihres WooCommerce-Shops ein Captcha hinzufügen. In diesem Artikel wird erläutert, warum und wie Sie ein Captcha hinzufügen können, um Ihr Unternehmen vor Spamming-Tools und Bots zu schützen.

Sie können dies mit einem Plugin oder ohne Plugin tun. Wir werden alle möglichen Methoden behandeln, die wir in unserem mit ShopReady erstellten WooCommerce-Shop implementiert haben, damit Sie sie verwenden können, um Captcha zu Ihrer Website hinzuzufügen. Lasst uns beginnen!

So fügen Sie Captcha zur WooCommerce-Kaufabwicklung hinzu

Möglicherweise haben Sie Ihren WooCommerce-Shop mit einem Tool wie ShopReady erstellt, haben aber Probleme, seine Sicherheit zu gewährleisten. Das Hinzufügen eines Captchas an der Kasse könnte eine dieser Sicherheitsmaßnahmen sein, die Sie prüfen sollten.

Der Hauptgrund, dem WooCommerce-Checkout ein Captcha hinzuzufügen, besteht darin, die Website vor automatisierten böswilligen Angriffen zu schützen, die versuchen, betrügerische Einkäufe zu tätigen. Es verhindert, dass automatisierte Tools die Verkaufsformulare ausfüllen, und verhindert gleichzeitig gefälschte Registrierungen und Gastbestellungen. Captcha kann irreführende Transaktionen stoppen, die Sie vor potenziellen Verlusten bewahren könnten.

Einige denken, dass Captcha die Benutzerinteraktion etwas kompliziert machen könnte, aber es gibt Möglichkeiten, wie Sie eine reibungslose Benutzererfahrung implementieren können, die im Allgemeinen für Kunden bequem ist. Und das einzige, was Captcha schwer zu knacken sein wird, sind diese „computerisierten Bots“.

Inhaltsverzeichnis

Wie füge ich Captcha zur Woocommerce-Kasse hinzu?

So fügen Sie Captcha zur WooCommerce-Kaufabwicklung hinzu

Fahren Sie nun damit fort, wie wir der Checkout-Seite unseres ShopReady WooCommerce-Shops ein Captcha hinzugefügt haben. Wir haben sowohl die Plugins als auch Methoden ohne Plugin ausprobiert.

Während wir diese ausprobierten, kamen wir auf einige großartige Plugins und Code-Snippets. Lassen Sie uns all diese Methoden besprechen und sehen, welche für Sie richtig ist.

Mit Plugin

Damit Ihr Kunde mit dem Kauf in Ihrem WooCommerce-Shop fortfahren kann, können Sie verschiedene Captcha-Verifizierungs-Plugins auf der Checkout-Seite oder an einer beliebigen Stelle auf der Website verwenden.

Es gibt eine ganze Reihe solcher Plugins. Zu den Top 3, die wir beim Aufbau unseres WC-Shops mit ShopReady ausprobiert haben, gehören jedoch die folgenden:

  • reCaptcha für WooCommerce

Dies ist ein Premium-Plugin, das speziell für den WooCommerce-Spamschutz entwickelt wurde. Es ist nicht als kostenlose Version verfügbar, also müssen Sie es zuerst bezahlen. Mit diesem Plugin können Sie Google ReCAPTCHA zur Checkout-Seite und anderen Formularen hinzufügen, einschließlich Registrierung, Anmeldung, Passwortverlust-Formular usw.

Es kann mehrere Captchas auf einer Seite anzeigen, z. B. wenn Sie das Anmelde- und Registrierungsformular auf derselben Seite haben, können Sie Captchas in beiden Formularen aktivieren.

Mit diesem Plugin können Sie sowohl reCaptcha v2 als auch ReCaptcha V3 verwenden. Einige der anderen Hauptfunktionen umfassen die automatische Erkennung der Benutzersprache, die Anpassung von reCaptcha, die Anpassung von Fehlermeldungen und so weiter.

Es ist einfach wie jedes andere WordPress-Plugin von der Plugins-Seite zu installieren. Die einfachen Einstellungen verfügen über Ein-/Aus-Optionen, um das Captcha an den erforderlichen Stellen zu aktivieren oder zu deaktivieren. Wir hatten kein Problem damit, es mit dem ShopReady-Tool zu aktivieren.

Das Plugin basiert auf hohen Standards, um gefälschte Registrierungen und Bestellungen zu stoppen und sicherzustellen, dass nichts die Website beschädigen kann.

  • CAPTCHA 4WP

Unterstützt und gewartet von WP White Security, ist dies eines der besten Captcha-Plugins , mit denen echte Menschen die WooCommerce-Formulare und Checkout-Seiten durchlaufen können.

Es schützt Ihr Geschäft vor Bots und verhindert, dass sie Ihre Bestellungen stören. Neben Checkout-Seiten können Sie mit diesem Plugin das Captcha in verschiedenen Segmenten wie Formularen, Kommentaren, Registrierung, Passwort verloren/zurücksetzen usw. anzeigen.

Das Highlight dieses Plugins ist, dass Sie damit mehrere Captchas auf einer einzigen Seite anzeigen können. Es unterstützt auch benutzerdefinierte Captcha-Stile. Sie können zwischen v2 (ich bin kein Roboter), v2 (unsichtbar) oder v3 wählen. Es erkennt automatisch die Sprache der Benutzer, um das Captcha und die Einstellungen entsprechend anzuzeigen.

Sie können Captchas standardmäßig in mehreren Formularen hinzufügen, aber für Contact Form 7 müssen Sie den Kurzcode hinzufügen . Es ist sowohl in kostenlosen als auch in Premium-Versionen verfügbar. Wir haben die Premium-Version bei der Verwendung von ShopReady ausprobiert.

Sie können es einfach von der Plugins-Seite in Ihrem WooCommerce-Konto installieren. Suchen Sie nach dem CAPTCHA 4WP, installieren und aktivieren Sie es, um Ihren Shop vor Spammern zu schützen.

  • reCaptcha von BestWebSoft

BestWebSoft bringt eine weitere effektive Captcha-Lösung zum Schutz Ihres WooCommerce-Shops. Es funktioniert mit fast allen Formularen, einschließlich WooCommerce Checkout-Abrechnungsformularen.

Mit diesem Plugin können Sie die Versionen reCaptcha v2, v3 und unsichtbar verwenden. Der Kunde muss bestätigen, dass er kein Roboter ist, bevor er mit dem Einkauf fortfährt.

Es verhindert Spam- und Brute-Force-Angriffe durch die Verwendung von Limit Attempts. Das Produkt wird durch einen schnellen und freundlichen Support unterstützt.

Die Installation ist einfach wie bei jedem anderen WP-Plugin. Sie können es von der Plugins-Seite herunterladen, installieren und aktivieren. Nach der Einrichtung können Sie zu den Einstellungen gehen und die Checkout-Seite oder einen anderen erforderlichen Ort auswählen, um sie zu aktivieren.

Das Plugin enthält einfache Einstellungen mit einer detaillierten Anleitung für eine schnelle Einrichtung. Es ist ein mehrsprachiges Plugin mit RTL-fähigen Funktionen. Sie können über die Einstellungen auch benutzerdefinierten Code hinzufügen. Es enthält auch mehrere Captcha-Designs. Alles in allem funktionierte das Plugin gut mit dem ShopReady-Builder-Tool.

Ohne Plugin

Nachdem Sie den Plugin-Weg gesehen haben, ist es an der Zeit herauszufinden, wie Sie ein Captcha ohne Plugin zur WooCommerce-Checkout-Seite hinzufügen können.

Da Google den Anti-Spam-Dienst reCaptcha v2 kostenlos anbietet, können Sie diesen ohne Plugin auf Ihrer Seite implementieren. Wir haben mit ShopReady eine erfolgreiche Erfahrung mit der Implementierung gemacht. Es ist die beliebteste Captcha-API, und Sie müssen etwas codieren, um sie ohne Plugin zu Ihrer WC-Kasse hinzuzufügen.

Aber bevor Sie das Code-Snippet verwenden, denken Sie daran, dass Sie es nicht im Zahlungsabschnitt des Formulars platzieren können. Und Sie müssen eine Aktion entsprechend auswählen, um sie erfolgreich hinzuzufügen.

<?php

/**

* Fügen Sie dem Checkout-Formular reCaptcha hinzu

* @param $kasse

*/

Funktion doublee_show_me_the_checkout_captcha($checkout) {

echo '<div class=“g-recaptcha“ data-sitekey=“YOUR_KEY_HERE“></div>';

}

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

/**

* Bestätigen Sie reCaptcha

*/

Funktion doublee_process_recaptcha() {

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

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

$response = json_decode($verified_recaptcha);

if(!$response->success) {

wc_add_notice('Bitte bestätigen Sie, dass Sie kein Roboter sind' ,'error');

}

}

add_action('woocommerce_checkout_process', 'doublee_process_recaptcha');

Wir haben es versucht und es hat mit unserem ShopReady WooCommerce-Shop gut funktioniert.

Wie aktiviere ich Google Recaptcha V2 beim Woocommerce Checkout?

So fügen Sie Captcha zur WooCommerce-Kaufabwicklung hinzu
Google ReCaptcha v2 ist die beliebteste Erweiterung für Captchas zum Einrichten auf WooCommerce-Websites. Daher denken wir, dass es sich lohnt, Sie durch den gesamten Benutzerprozess zu führen.

Verwenden Sie dazu am besten reCaptcha für das WooCommerce-Plugin, da es sowohl die V2- als auch die V3-Version unterstützt.

  • Laden Sie zunächst die .zip-Datei vom WC-Konto herunter.
  • Gehen Sie nun zu Admin > Plugins > Neu hinzufügen > Plugin hochladen
  • Wählen Sie die heruntergeladene Datei aus
  • Installieren und aktivieren Sie reCaptcha
  • Gehen Sie nach der Aktivierung zu wooCommerce > Einstellungen
  • Klicken Sie in den Einstellungen auf die Registerkarte reCaptcha
  • Wählen Sie die Recaptcha-Version als ReCaptcha V2 (Kontrollkästchen)
  • Legen Sie den Standortschlüssel und den geheimen Schlüssel fest
  • Lassen Sie andere Felder wie Fehlermeldungen unverändert
  • Speichern Sie die Einstellungen
  • Wählen Sie aus der Liste der Registerkarten zum Aktivieren von Captchas die WooCommerce-Gastkasse aus und aktivieren Sie das Kontrollkästchen, um reCaptcha für die Gastkassenseite zu aktivieren.

Führen Sie die folgenden Schritte aus, um den Site Key und den Secret Key zu erhalten:

  • Melden Sie sich bei Ihrem Google-Konto an
  • Gehen Sie zur Google ReCaptcha Admin-Konsole (https://www.google.com/recaptcha/admin)
  • Klicken Sie oben rechts auf die Schaltfläche +
  • Fügen Sie Ihren Website-Namen in Label hinzufügen hinzu.
  • Wählen Sie reCaptcha v2.
  • Aktivieren Sie das Kontrollkästchen „Ich bin kein Roboter“.
  • Fügen Sie die Website-Domain hinzu
  • Nutzungsbedingungen akzeptieren
  • Wenn Sie fertig sind, klicken Sie auf Senden
  • Der Standortschlüssel und der geheime Schlüssel sollten angezeigt werden. einfach kopieren und verwenden.

Fazit

So fügen Sie Captcha zur WooCommerce-Kaufabwicklung hinzu
So fügen Sie Captcha zur WooCommerce-Kaufabwicklung hinzu

Damit ist die Anleitung zum Hinzufügen von Captcha zur WooCommerce-Kaufabwicklung abgeschlossen. Wir müssen sagen, dass all diese Captcha-Methoden an unserem ShopReady WooCommerce-Checkout hervorragend funktioniert haben. Dieser Artikel sollte also auch für Sie gut funktionieren!

Es werden einige hervorragende Plugins besprochen, die Ihren WC-Shop effektiv vor Spammern schützen können. Das reCaptcha für WooCommerce ist hier das herausragende, mit dem Sie Google reCaptcha V2 oder V3 einfach und effektiv einrichten können.

Wir haben auch besprochen, wie Sie die reCaptcha V2-API hinzufügen können, indem Sie an der entsprechenden Stelle einige Codes hinzufügen. Welche Methode Sie auch wählen, Sie können davon ausgehen, dass Ihre Website vor betrügerischen Bestellungen geschützt ist, nachdem Sie eine davon aktiviert haben.

Best Practice für WordPress-Sicherheit