Come aggiungere Captcha a WooCommerce Checkout

Dopo aver creato un negozio WooCommerce con ShopReady, abbiamo affrontato la sfida più grande: proteggere il sito dagli spammer. Sì, gli spammer potrebbero utilizzare diverse tecnologie automatizzate per infiltrarsi nella tua attività e tentare di effettuare ordini fraudolenti. Ora imparerai come aggiungere Captcha a WooCommerce Checkout?

Ciò può causare potenziali danni alla tua attività causando transazioni ingannevoli. Quindi devi assicurarti che l'utente sia un vero essere umano e devi anche impedire che script e bot automatizzati interferiscano con la tua pagina di pagamento.

Per risolvere questo problema, devi aggiungere un captcha al momento del pagamento nel tuo negozio WooCommerce. Questo articolo discuterà perché e come puoi aggiungere un captcha per proteggere la tua azienda da strumenti di spamming e bot.

Puoi farlo utilizzando un plug-in o senza plug-in. Tratteremo tutti i possibili metodi che abbiamo implementato nel nostro negozio WooCommerce creato con ShopReady in modo che tu possa usarli per aggiungere Captcha al tuo sito. Iniziamo!

Potresti aver costruito il tuo negozio WooCommerce con uno strumento come ShopReady ma faticando a garantirne la sicurezza. L'aggiunta di un captcha alla cassa potrebbe essere una di quelle misure di sicurezza che dovresti esaminare.

Il motivo principale per aggiungere un captcha al checkout di WooCommerce è proteggere il sito da attacchi dannosi automatizzati che tentano di effettuare acquisti fraudolenti. Impedisce agli strumenti automatizzati di completare i moduli di vendita, prevenendo al contempo false registrazioni e ordini degli ospiti. Captcha può fermare le transazioni ingannevoli che potrebbero salvarti da qualsiasi potenziale perdita.

Alcuni pensano che il captcha possa rendere un po' complicata l'interazione dell'utente, ma ci sono modi in cui puoi implementare un'esperienza utente a basso attrito che è generalmente conveniente per i clienti. E l'unica cosa che troverà difficile decifrare il captcha sono quei "bot computerizzati".

Come aggiungere Captcha al pagamento di Woocommerce?

Ora passiamo a come abbiamo aggiunto un captcha alla pagina di pagamento del nostro negozio ShopReady WooCommerce. Abbiamo provato sia i plugin che i metodi senza plugin.

Mentre li provavamo, abbiamo creato alcuni fantastici plugin e frammenti di codice. Discutiamo di tutti questi metodi e vediamo quale è giusto per te.

Con Plugin

Per consentire al tuo cliente di procedere con l'acquisto dal tuo negozio WooCommerce, puoi utilizzare diversi plug-in di verifica captcha nella pagina di pagamento o ovunque tu voglia sul sito.

Ci sono alcuni di questi plugin disponibili là fuori. Tuttavia, i primi 3 che abbiamo provato durante la creazione del nostro negozio di WC con ShopReady includono quanto segue:

• reCaptcha per WooCommerce

Questo è un plug-in premium progettato specificamente per WooCommerce Spam Protection. Non è disponibile come versione gratuita, quindi dovrai prima pagarla. Utilizzando questo plug-in, puoi aggiungere Google ReCAPTCHA alla pagina di pagamento e altri moduli, inclusi registrazione, accesso, modulo per la password persa, ecc.

Può visualizzare più captcha su una pagina come se avessi il modulo di accesso e di registrazione sulla stessa pagina, puoi abilitare i captcha in entrambi i moduli.

Puoi avere sia reCaptcha v2 che ReCaptcha V3 usando questo plugin. Alcune delle sue altre caratteristiche chiave includono il rilevamento automatico della lingua dell'utente, la personalizzazione di reCaptcha, la personalizzazione dei messaggi di errore e così via.

È facile da installare come qualsiasi altro plugin di WordPress dalla pagina Plugin. Le semplici impostazioni sono dotate di opzioni di attivazione/disattivazione per abilitare o disabilitare il captcha nei luoghi richiesti. Non abbiamo avuto alcun problema ad abilitarlo con lo strumento ShopReady.

Il plug-in è basato su standard elevati per fermare registrazioni e ordini falsi e per assicurarsi che nulla possa comunque danneggiare il sito.

• CAPTCHA 4WP

Supportato e mantenuto da WP White Security, questo è uno dei migliori plug-in captcha che consente a persone reali di passare attraverso i moduli di WooCommerce e le pagine di pagamento.

Protegge il tuo negozio dai bot, non permettendo loro di interferire con i tuoi ordini. Oltre alle pagine di pagamento, puoi utilizzare questo plug-in per visualizzare il captcha in diversi segmenti come moduli, commenti, registrazione, password persa/reimpostata e così via.

Il clou di questo plugin è che puoi usarlo per mostrare più captcha su una singola pagina. Supporta anche stili captcha personalizzati. Puoi scegliere tra v2 (non sono un robot), v2 (invisibile) o v3. Rileva automaticamente la lingua degli utenti per mostrare il captcha e le impostazioni di conseguenza.

Puoi aggiungere captcha in diversi moduli per impostazione predefinita, ma per Contact Form 7 devi aggiungere un codice breve . È disponibile sia in versione gratuita che premium. Abbiamo provato la versione premium durante l'utilizzo di ShopReady.

Puoi installarlo facilmente dalla pagina Plugin nel tuo account WooCommerce. Cerca il CAPTCHA 4WP, installalo e attivalo per proteggere il tuo negozio dagli spammer.

• reCaptcha di BestWebSoft

BestWebSoft offre un'altra efficace soluzione captcha per proteggere il tuo negozio WooCommerce. Funziona con quasi tutti i moduli, inclusi i moduli di fatturazione per il checkout di WooCommerce.

Puoi utilizzare le versioni reCaptcha v2, v3 e invisibile con questo plugin. Il cliente deve confermare di non essere un robot prima di procedere con l'acquisto.

Previene lo spam e gli attacchi di forza bruta utilizzando Limit Attempts. Il prodotto è supportato da un supporto rapido e amichevole.

L'installazione è facile come qualsiasi altro plugin WP. Puoi scaricarlo, installarlo e attivarlo dalla pagina Plugin. Una volta impostato, puoi andare alle impostazioni e scegliere la pagina di pagamento o qualsiasi altro luogo richiesto per abilitarlo.

Il plug-in include semplici impostazioni con una guida dettagliata per una rapida configurazione. È un plug-in multilingue con funzionalità pronte per RTL. Puoi anche aggiungere un codice personalizzato usando le impostazioni. Viene fornito con più temi captcha. Tutto sommato, il plug-in ha funzionato bene con lo strumento di creazione ShopReady.

Senza plug-in

Dopo aver visto il plug-in, è ora di scoprire come aggiungere un captcha senza plug-in alla pagina di pagamento di WooCommerce.

Poiché Google offre gratuitamente il servizio anti-spam reCaptcha v2, puoi implementarlo sul tuo sito senza plug-in. Abbiamo avuto un'esperienza di successo nell'implementazione di questo durante l'utilizzo di ShopReady. È l'API captcha più popolare e devi eseguire un po 'di codifica per aggiungerla al checkout del tuo WC senza un plug-in.

Ma prima di utilizzare lo snippet di codice, ricorda che non puoi inserirlo nella sezione di pagamento del modulo. E dovrai scegliere un'azione di conseguenza per aggiungerla correttamente.

<?php

/**

* Aggiungi reCaptcha al modulo di pagamento

* @param $ checkout

*/

funzione doublee_show_me_the_checkout_captcha($ checkout) {

echo '<div class=”g-recaptcha” data-sitekey=”LA TUA_CHIAVE_QUI”></div>';

}

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

/**

* Convalida reCaptcha

*/

funzione doublee_process_recaptcha() {

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

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

$risposta = json_decode($recaptcha_verificato);

if(!$risposta->successo) {

wc_add_notice('Verifica di non essere un robot' ,'error');

}

}

add_action('woocommerce_checkout_process', 'doublee_process_recaptcha');

Abbiamo provato e ha funzionato bene con il nostro negozio ShopReady WooCommerce.

Come abilitare Google Recaptcha V2 su Woocommerce Checkout?

Per fare ciò, il modo migliore è utilizzare reCaptcha per il plug-in WooCommerce, poiché supporta entrambe le versioni V2 e V3.

• Innanzitutto, scarica il file .zip dall'account WC.
• Ora vai su Amministratore> Plugin> Aggiungi nuovo> Carica plug-in
• Scegli il file che hai scaricato
• Installa e attiva reCaptcha
• Dopo l'attivazione, vai su wooCommerce > Impostazioni
• Fare clic sulla scheda reCaptcha nelle Impostazioni
• Scegli la versione Recaptcha come ReCaptcha V2 (casella di controllo)
• Imposta la chiave del sito e la chiave segreta
• Mantieni gli altri campi come i messaggi di errore così come sono
• Salva le impostazioni
• Dall'elenco delle schede per abilitare i captcha, scegli il checkout degli ospiti di WooCommerce e seleziona la casella per abilitare reCaptcha alla pagina di pagamento degli ospiti.

Per ottenere la chiave del sito e la chiave segreta, procedi nel seguente modo:

• Accedi al tuo account Google
• Vai alla Console di amministrazione di Google ReCaptcha (https://www.google.com/recaptcha/admin)
• Fare clic sul pulsante + in alto a destra
• Aggiungi il nome del tuo sito web in Aggiungi etichetta.
• Scegli reCaptcha v2.
• Seleziona la casella di controllo "Non sono un robot".
• Aggiungi il dominio del sito web
• Accetta il termine del servizio
• Al termine, fai clic su Invia
• Dovrebbero apparire la chiave del sito e la chiave segreta; basta copiarli e usarli.

Conclusione

Questo conclude la guida sull'aggiunta di captcha al checkout di WooCommerce. Dobbiamo dire che tutti questi metodi captcha hanno funzionato benissimo sul nostro checkout ShopReady WooCommerce. Quindi questo articolo dovrebbe funzionare bene anche per te!

Discute alcuni plugin eccellenti che possono proteggere efficacemente il tuo negozio WC dagli spammer. Il reCaptcha per WooCommerce è quello che ti consente di configurare Google reCaptcha V2 o V3 in modo semplice ed efficace.

Abbiamo anche discusso di come aggiungere l'API reCaptcha V2 aggiungendo alcuni codici nella rispettiva posizione. In qualunque modo tu scelga dal metodo sopra, puoi aspettarti di mantenere il tuo sito al sicuro da ordini fraudolenti dopo averli abilitati.

Best Practice per la sicurezza di WordPress