Ställ in Google reCAPTCHA i OpenCart

Oavsett om du är en pro eller en fräschare i utvecklingen av webbutveckling, ska ordet CAPTCHA inte låta framme för dig. Det är en viktig och allmänt använd teknik för att bestämma om användaren är en bot eller en faktisk människa. Det finns många skript från tredje part som gör att du enkelt kan konfigurera CAPTCHA på din webbplats. Idag diskuterar vi hur man integrerar reCAPTCHA i OpenCart.

ReCAPTCHA-tjänsten tillhandahålls av Google och det är gratis att använda! Den goda nyheten är att funktionaliteten i sig ingår i kärnan i OpenCart. Så vi måste konfigurera det ordentligt och aktivera det, och du är bra att gå!

För att komma igång, ställer vi in ​​API-nycklarna på Googles webbplats, och när vi fortsätter ser vi hur du kan konfigurera reCAPTCHA-inställningarna i back-enden av OpenCart. I slutet av artikeln kommer vi också att diskutera vilka delar av supporten reCAPTCHA som standard för front-end support.

Jag antar att du använder den senaste versionen av OpenCart. Låt oss fortsätta genom att registrera din webbplats med Google och få dina API-uppgifter.

Registrera webbplatsen och få API-nycklar för reCAPTCHA

Gå vidare till Google reCAPTCHA-webbplatsen och klicka på Få reCAPTCHA knappen längst upp till höger. Om du inte är inloggad på ett Google-konto redan blir du ombedd att göra det. I annat fall tas du till registreringsformuläret reCAPTCHA som visas i följande skärmdump.

Fyll i fälten som föreslagna och klicka på Registrera att gå vidare till nästa sida. På nästa sida visas API-uppgifterna för din webbplats. Du bör notera ner Webbplats nyckel och Hemlig nyckel värden, eftersom vi behöver dem senare.

Så det är det för att registrera din webbplats med Google reCAPTCHA-tjänsten. I nästa avsnitt ser vi hur du använder det i backend.

Ange API-nycklar i OpenCart

Gå över till baksidan av OpenCart. Navigera till System> Inställningar och redigera din butik. Klicka på Google Fliken, som ska visa konfigurationsformuläret som visas i följande skärmdump.

I Google reCAPTCHA avsnitt, skriv in Webbplats nyckel och Hemlig nyckel för din webbplats och spara inställningarna. Självklart måste du behålla det Aktiverad också!

Nu har vi slutat konfigurera våra API-uppgifter med OpenCart. I nästa avsnitt ser vi olika skärmar i fronten för att se till att det fungerar korrekt.

Gå igenom Recaptcha Supported Pages

Vanligtvis används CAPTCHA i formulär för att stoppa automatiska och spam-inlägg. Således inkluderar OpenCart det i ett par former i fronten. Låt oss gå igenom olika sidor som stöder integrationen av reCAPTCHA.

Kontaktformuläret

Gå till Kontakta oss sida på din webbplats, och du bör se en snygg integrerad reCAPTCHA-validering!

Tyvärr, bots / spammare är inte tillåtna!

Granskningsformuläret

Om du har aktiverat produktrecensioner på din webbplats, är den också täckt av reCAPTCHA radar. Produktrecensionsformuläret finns på produktdetaljsidan under recensioner flik.

Returformuläret

Slutligen, låt oss se en skärm som stödjer reCAPTCHA-integrationen. Om någon vill returnera en produkt måste han eller hon fylla i ett formulär i fronten. Så det är viktigt att se till att vi ska validera om produkten returnerades av den faktiska användaren som lade orderen.

Så det är så långt som reCAPTCHA-validering berörs av FrontCard-fronten.

Som du kan se är det väldigt lätt att ställa in reCAPTCHA på din webbplats. Du bör fortsätta och göra det möjligt att sluta spammning, vilket är väldigt irriterande i den dagliga verksamheten och äter en stor del av vår tid.

Slutsats

Idag har vi gått igenom reCAPTCHA-verktyget i OpenCart och diskuterade hur man ställer upp det från back-end. Vi har också gått igenom ett par skärmar i fronten som stödjer reCAPTCHA som standard. 

Om du vill överväga att marknadsföra din egen OpenCart-produkt eller se vad andra har gjort med plattformen, kolla in marknaden för att se vad som finns tillgängligt för närvarande..

Vid eventuella frågor eller återkopplingar använd kommentarflödet nedan, eller du kan också nå mig via Twitter.