Google reCAPTCHA instellen in OpenCart

Of je nu een professional of een frisser bent in de wereld van website-ontwikkeling, het woord CAPTCHA zou je niet vreemd mogen klinken. Het is een belangrijke en veel gebruikte techniek om te bepalen of de gebruiker een bot of een echte mens is. Er zijn veel scripts van derden waarmee u CAPTCHA eenvoudig in uw website kunt instellen. Vandaag zullen we bespreken hoe reCAPTCHA te integreren in OpenCart.

De reCAPTCHA-service wordt geleverd door Google en is gratis te gebruiken! Het goede nieuws is dat de functionaliteit zelf is opgenomen in de kern van OpenCart. We moeten het dus goed configureren en inschakelen, en je bent klaar om te gaan!

Om aan de slag te gaan, stellen we uw API-sleutels in op de Google-site en naarmate we verdergaan, zien we hoe u reCAPTCHA-instellingen kunt configureren in de back-end van OpenCart. Aan het einde van het artikel bespreken we ook standaard welke delen van de front-end ondersteuning reCAPTCHA-validatie standaard.

Ik neem aan dat u de nieuwste versie van OpenCart gebruikt. Laten we verder gaan door uw site te registreren bij Google en uw API-inloggegevens te verkrijgen.

Registreer de site en krijg API-sleutels voor reCAPTCHA

Ga naar de Google reCAPTCHA-site en klik op de Ontvang reCAPTCHA knop in de rechterbovenhoek. Als u nog niet bent aangemeld bij een Google-account, wordt u hierom gevraagd. Anders wordt u naar het aanmeldingsformulier reCAPTCHA geleid, zoals in de volgende schermafbeelding wordt getoond.

Vul de velden in zoals voorgesteld en klik op Registreren om verder te gaan naar de volgende pagina. Op de volgende pagina worden de API-inloggegevens voor uw site weergegeven. Noteer het Sitesleutel en Geheime sleutel waarden, omdat we ze later nodig hebben.

Dus dat is het voor het registreren van uw site met de Google reCAPTCHA-service. In het volgende gedeelte zullen we zien hoe we het in de back-end kunnen gebruiken.

API-sleutels instellen in OpenCart

Ga naar de back-end van OpenCart. Navigeren naar Systeem> Instellingen en bewerk je winkel. Klik op de Google tab, die het configuratieformulier zou moeten weergeven zoals getoond in de volgende screenshot.

In de Google reCAPTCHA sectie, voer in Sitesleutel en Geheime sleutel voor uw site en sla de instellingen op. Natuurlijk moet je het houden Ingeschakeld ook!

Nu zijn we klaar met het instellen van onze API-inloggegevens met OpenCart. In het volgende gedeelte zien we verschillende schermen aan de voorkant om te controleren of deze correct werken.

Ga door Recaptcha Ondersteunde pagina's

Over het algemeen wordt de CAPTCHA gebruikt in formulieren om geautomatiseerde en spam-inzendingen te stoppen. Zo bevat OpenCart het in een aantal vormen aan de voorkant. Laten we verschillende pagina's bekijken die de integratie van reCAPTCHA ondersteunen.

Het contactformulier

Ga naar de Neem contact met ons op pagina van uw site, en u zou een mooi geïntegreerde reCAPTCHA-validatie moeten zien!

Sorry, bots / spammers zijn niet toegestaan!

Het beoordelingsformulier

Als u productrecensies op uw site hebt ingeschakeld, wordt deze ook behandeld onder de radar van reCAPTCHA. Het productbeoordelingsformulier is te vinden op de productdetailpagina onder de beoordelingen tab.

Het retourformulier

Eindelijk, laten we nog een scherm zien dat reCAPTCHA-integratie ondersteunt. Als iemand een product wil retourneren, moet hij of zij een formulier invullen in de front-end. Het is dus belangrijk om ervoor te zorgen dat we valideren of het product is geretourneerd door de daadwerkelijke gebruiker die de bestelling heeft geplaatst.

Dus dat is het voor wat betreft reCAPTCHA-validatie in de front-end van OpenCart.

Zoals u kunt zien, is het heel eenvoudig om reCAPTCHA op uw site in te stellen. Je moet doorgaan en het in staat stellen om te stoppen met spammen, wat echt vervelend is in de dagelijkse gang van zaken en een aanzienlijk deel van onze tijd kost.

Conclusie

Vandaag hebben we het reCAPTCHA-hulpprogramma in OpenCart doorgenomen en besproken hoe het vanaf de back-end kan worden ingesteld. We hebben ook een aantal schermen in de front-end doorlopen die standaard reCAPTCHA ondersteunen. 

Als u uw eigen OpenCart-product wilt promoten of wilt zien wat anderen met het platform hebben gedaan, kijk dan op de markt om te zien wat momenteel beschikbaar is.

In het geval van vragen of feedback, gebruik de commentaarfeed hieronder, of je kunt me ook bereiken via Twitter.