Tag: Vérification humaine Opencart

1.0 Présentation

Votre site web a-t-il vraiment besoin d’un captcha ? Dans un monde web où le nombre de nouveaux visiteurs augmente constamment, il est important que votre site soit compatible avec le captcha de Google. Les captchas sont essentiels pour vérifier l’intégrité des visiteurs et distinguer les activités humaines des activités suspectes des robots. Avec Knowband, Extension OpenCart Google reCAPTCHAVous pouvez permettre à vos clients de passer un test de vérification humaine sans qu’ils aient à saisir d’informations supplémentaires sur votre site web. À l’instar de Gmail, Hotmail, Facebook, Twitter, Yahoo et autres, vous proposez également une inscription gratuite. Il est donc essentiel de sécuriser la procédure d’inscription et de connexion sur votre boutique. En intégrant Opencart et Google Captcha, vous vous assurez que les actions effectuées sont bien réalisées par des humains et non par des robots.

1.1 Caractéristiques marquantes du module reCAPTCHA Google pour Opencart

• L’extension de vérification humaine d’Opencart est facilement personnalisable et ne nécessite aucune compétence en programmation pour sa mise en œuvre ou ses modifications.
• Le module Opencart Google reCaptcha affiche un captcha de sécurité pour protéger votre site web contre les spams et les robots malveillants.
• Le système Google Captcha d’Opencart peut être intégré à la page d’inscription, à la page de connexion, à la page de contact ou à la page de mot de passe oublié de votre boutique.
• Vous pouvez activer ou désactiver l’intégralité des fonctionnalités du module Opencart Google reCaptcha sans aucun effort supplémentaire.
• L’extension OpenCart Google reCaptcha est compatible avec les systèmes reCaptcha v2 et v3.
• Avec le module Opencart Google Captcha, vous pouvez facilement définir la clé de site et la clé secrète de votre domaine web.
• La vérification humaine d’Opencart vous permet de sélectionner le type de reCaptcha pour différentes pages de votre site web.
• Ce module Opencart Google reCaptcha est compatible avec les boutiques utilisant le protocole SSL.
• La vérification humaine d’Opencart offre une compatibilité multi-boutiques et multilingue.

Quelles sont les nouveautés dans les améliorations récentes ?

La dernière mise à jour du plugin Knowband pour OpenCart Google reCAPTCHA introduit l’onglet « Paramètres d’apparence ». Cette amélioration vous permet de personnaliser reCAPTCHA avec du CSS personnalisé et de basculer entre les thèmes clair et sombre, offrant ainsi une expérience utilisateur personnalisée et agréable.

Guide d’installation 2.0 du module Google reCAPTCHA pour Opencart

Avant de commencer l’installation, vous devez acheter le module Opencart Google Captcha sur la boutique Knowband. Une fois l’achat effectué, vous recevrez les fichiers suivants à l’adresse e-mail que vous avez enregistrée.

• Code source du captcha Google d’Opencart au format de fichier zip
• Manuel d’utilisation de l’extension Opencart Google Captcha

Pour installer Google reCAPTCHA sur votre site web, suivez les étapes suivantes : 1. Décompressez le fichier zip. Vous obtiendrez les dossiers comme indiqué dans l’image ci-dessous :

2. Copiez tous les dossiers du fichier zip dans le répertoire racine de l’installation d’OpenCart via un gestionnaire FTP.

Étapes pour installer un fichier Ocmod à l’aide de l’installateur d’extensions

1. Ouvrez la fenêtre du programme d’installation d’extensions depuis le panneau d’administration.

2. Cliquez sur le bouton « Téléverser » pour sélectionner et téléverser le fichier install.ocmod.xml. 3. Une fois le téléversement terminé, un message de confirmation s’affichera à l’écran, comme indiqué ci-dessous.

L’extension Opencart Google Captcha est maintenant installée et prête à l’emploi dans votre boutique. Accédez au menu d’administration et cliquez sur Extensions. Cliquez ensuite sur Captchas, puis sur le bouton Modifier à côté de Google reCAPTCHA.

Interface d’administration 3.0 de l’extension Google reCAPTCHA pour OpenCart

Après avoir installé avec succès le module Opencart Google reCAPTCHA sur votre site web, vous pouvez implémenter les versions 2 et 3 de reCAPTCHA selon vos besoins. Accédez aux paramètres dans l’ordre indiqué : Panneau d’administration > Extensions > Captchas > Google reCAPTCHA.

L’interface d’administration simple et intuitive de l’extension de vérification humaine d’Opencart est divisée en quatre sections :

1. Paramètres généraux
2. Paramètres reCAPTCHA v2
3. Paramètres reCAPTCHA v3
4. Paramètres d’apparence et de convivialité

Paramètres généraux 3.1

• Statut: Cette option active ou désactive l’intégralité du système reCaptcha sur votre site web.
• Activer Google reCAPTCHA pour : Cette option vous permet de choisir les pages pour lesquelles vous souhaitez activer la fonctionnalité reCAPTCHA.
• reCAPTCHA pour la page de connexion : Cette option vous permet de sélectionner le type de reCaptcha pour la page de connexion : v2 reCaptcha ou v3 reCaptcha.
• reCaptcha pour la page d’inscription : Cette option vous permet de sélectionner le type de reCaptcha pour la page d’inscription : v2 reCaptcha ou v3 reCaptcha.
• reCAPTCHA pour la page de contact : Cette option vous permet de sélectionner le type de reCaptcha pour la page de contact : v2 reCaptcha ou v3 reCaptcha.
• reCAPTCHA pour la page Mot de passe oublié : Cette option vous permet de sélectionner le type de page de mot de passe oublié : reCaptcha v2 ou reCaptcha v3.

Paramètres reCAPTCHA 3.2 v2

Dans cette section du module Opencart Google Captcha, vous pouvez définir la clé du site et la clé secrète pour le système reCaptcha v2.

• Statut: Vous pouvez activer ou désactiver le statut de reCaptcha version 2 à l’aide de cette option.
• Saisissez la clé du site : Cette option vous permet de saisir la clé de la version 2 de reCaptcha.
• Saisissez la clé secrète : Cette option vous permet de saisir l’identifiant client secret de la version 2 de reCaptcha.

Pour obtenir la clé du site et la clé secrète pour v2 reCaptcha, suivez les étapes décrites dans la section 3.2.1.

3.2.1 Étapes pour générer des clés API pour reCAPTCHA v2

1. Rendez-vous sur https://www.google.com/recaptcha/intro/v3.html 2. En haut à droite, cliquez sur « Console d’administration ». Vous pourrez alors enregistrer votre site web.

3. Choisissez un libellé qui servira à identifier votre site ultérieurement.

4. Choisissez le type de reCAPTCHA que vous souhaitez ajouter à votre site. Sélectionnez ici reCAPTCHA v2, puis le sous-type souhaité. 5. Saisissez un domaine valide requis pour l’enregistrement de reCAPTCHA. 6. Vous pouvez ajouter d’autres adresses e-mail pour gérer les paramètres du site.

7. Acceptez les conditions générales de reCAPTCHA et cliquez sur le bouton « Envoyer ». 8. Vous serez redirigé vers la page suivante où vous trouverez la clé du site et la clé secrète. Copiez ces deux clés dans votre espace client.

Paramètres reCAPTCHA 3.3 v3

Dans cette section du module Opencart Google Captcha, vous pouvez définir la clé du site et la clé secrète pour le système reCaptcha v3.

• Statut: Vous pouvez activer ou désactiver le statut de reCaptcha version 3 à l’aide de cette option.
• Saisissez la clé du site : Cette option vous permet de saisir la clé de la version 3 de reCaptcha.
• Saisissez la clé secrète : Cette option vous permet de saisir l’identifiant client secret de la version 3 de reCaptcha.

Pour obtenir la clé du site et la clé secrète pour v3 reCaptcha, suivez les étapes décrites dans la section 3.3.1.

Remarque: Si vous avez sélectionné la version 2 de reCAPTCHA, vous devez renseigner la clé de site et la clé secrète correspondantes. À défaut, un message d’erreur s’affichera. La même procédure s’applique à la version 3 de reCAPTCHA.

3.4. Paramètres d’apparence :

L’onglet « Paramètres d’apparence » des extensions de vérification Google Captcha pour Opencart permet à l’administrateur de la boutique d’ajouter du CSS personnalisé et des couleurs de thème reCaptcha, offrant ainsi plus de contrôle et des fonctionnalités améliorées.

Couleur du thème : Le module reCAPTCHA d’Opencart propose deux thèmes de couleurs : « Clair » et « Sombre ». Vous pouvez modifier la couleur du thème grâce à cette option. 

CSS personnalisé: L’administrateur peut modifier l’apparence du reCaptcha en ajoutant du CSS personnalisé dans cette section.

3.3.1 Étapes pour générer des clés API pour reCAPTCHA v3

1. Rendez-vous sur https://www.google.com/recaptcha/intro/v3.html 2. En haut à droite, cliquez sur « Console d’administration ». Vous pourrez alors enregistrer votre site web.

3. Choisissez un libellé qui servira à identifier votre site ultérieurement.

4. Choisissez le type de reCAPTCHA que vous souhaitez ajouter à votre site. Ici, vous devez sélectionner reCAPTCHA v3. 5. Saisissez un domaine valide requis pour l’enregistrement de reCAPTCHA. 6. Vous pouvez ajouter d’autres adresses e-mail pour gérer les paramètres du site.

7. Acceptez les conditions générales de reCAPTCHA et cliquez sur le bouton « Envoyer ». 8. Vous serez redirigé vers la page suivante où vous trouverez la clé du site et la clé secrète. Copiez ces deux clés dans votre espace client.

4.0 Interface utilisateur du module Google reCAPTCHA d’Opencart

A) Page de connexion

v2 reCaptcha

v3 reCaptcha

B) Page d’inscription

v2 reCaptcha

v3 reCaptcha

C) Page de contact

v2 reCaptcha

v3 reCaptcha

D) Page Mot de passe oublié

v2 reCaptcha

v3 reCaptcha

Vous pouvez également consulter notre module Opencart Block Bot ici :

Tutoriel complet sur l’extension de vérification humaine pour Opencart

Ce tutoriel OpenCart Google reCAPTCHA fournit un guide complet étape par étape sur l’installation et la configuration de l’extension Google reCAPTCHA, l’ajout de reCAPTCHA aux pages de connexion, d’inscription, de mot de passe oublié et de paiement (y compris les étapes invité, de connexion et d’inscription), la sélection entre les thèmes clair et sombre pour une expérience utilisateur optimale, la protection de votre boutique contre le spam, les bots et les abus automatisés, et l’activation de reCAPTCHA v2 et v3 sur plusieurs pages de la boutique pour une sécurité et une flexibilité accrues.

Consultez le tutoriel ici :

Lecture recommandée:

Protect your OpenCart Store from Bots and Spammers

See more