Google reCaptcha v3 est apparu sans crier gare dans Divi 4.0.7.
Pour s’en apercevoir, il fallait lire le changelog de Divi ou tomber par hasard sur l’option lors de la création d’un nouveau formulaire.
Quelle que soit la manière dont vous l’avez découverte, l’important est que cette fonctionnalité soit enfin venue enrichir le module Formulaire de Divi.
Auparavant il fallait avoir recours à un plugin premium tel que Divi Contact Extended que nous vous avions présenté il y a peu.
Voyons donc comment configurer Google reCaptcha v3 dans vos formulaires Divi.

Google reCaptcha v3 c’est quoi ?

Le logo de Google reCaptcha v3

Google reCaptcha est le système de protection contre le spam made in Google.
La v2 ajoutait une case à cocher “Je ne suis pas un robot” et si le système doutait de vous, vous pouviez être amené à identifier des images de véhicules, de batiments, etc.
La v3 simplifie les choses en ne réclamant aucune action de la part de l’utilisateur. Elle analyse l’activité du visiteur sur le site et détermine s’il s’agit d’un humain ou d’un robot en lui attribuant une note entre 0,0 et 1,0.
Seul un badge en bas à droite du site précise que le site est protégé par Google reCaptcha v3.

Comment mettre en place Google reCaptcha v3 sur son site Divi ?

Le site de Google reCaptcha

Configurer Google reCaptcha v3

Tout d’abord, rendez-vous sur le site de Google reCaptcha.
En haut à droite de la fenêtre, cliquez sur le bouton bleu Admin Console.
Bien sûr, comme pour utiliser n’importe quel service de Google, vous devez posséder un compte Google.

Créer un nouveau Google reCaptcha

Toujours en haut à droite de votre écran, cliquez sur le bouton + pour enregistrer le site sur lequel vous souhaitez ajouter votre reCaptcha.

Commencez par donner un nom à votre site afin d’être en mesure de l’identifier facilement lorsque vous en aurez plusieurs d’enregistrés.

Choisir Google reCaptcha v3

Choisissez le type de reCaptcha que vous souhaitez : la v3 en l’occurence.

Configurer le domaine pour Google reCaptcha v3

Précisez le nom de domaine de votre site (sans https:// et www.)
Si vous utilisez des sous-domaines, il n’est pas nécessaire de les inscrire, le domaine principal est suffisant.

Configurer les propriétaires pour Google reCaptcha v3

Par défaut, le compte Google avec lequel vous êtes connecté sera défini comme propriétaire du domaine.
Mais vous pouvez autoriser d’autres comptes Google à administrer ce domaine et à recevoir des alertes si celles-ci sont activées.

Envoyer des alertes aux propriétaires de Google reCaptcha v3

Il est préférable de laisser activé l’envoi de notifications si une erreur est détectée.

Quand votre configuration est terminée, cliquez sur le bouton Envoyer pour valider vos paramètres.

Vous arriverez ensuite sur une page de confirmation sur laquelle vous obtiendrez les clés qui vont vous servir à configurer Google reCaptcha v3 dans votre module Formulaire de Divi.
Gardez donc cet onglet ouvert et affichez votre site dans un autre onglet.

Configurer le module Formulaire de Divi pour ajouter Google reCaptcha v3

Configurer le module Formulaire de Divi pour ajouter Google reCaptcha v3

Dans les paramètres de votre module Formulaire, rendez-vous à la section Spam Protection.

  1. Passez sur Oui le switch “Use a spam protection service”
  2. Choisissez ReCaptcha comme fournisseur de service (pour l’instant c’est le seul choix, mais la liste déroulante suggère que d’autres solutions pourraient venir dans le futur)
  3. Cliquez sur le bouton Ajouter pour ajouter un nouveau compte (CF capture et explicatif ci-dessous)
Ajouter un nouveau compte Google reCaptcha v3 dans le module Formulaire de Divi
  1. Nommez votre compte pour l’identifier facilement (il n’est pas nécessaire qu’il porte le même nom que lorsque vous avez configuré votre compte dans la console d’administration de Google reCaptcha).
  2. Collez la clé de votre site que vous avez obtenue précédemment
  3. Collez la clé secrète que vous avez obtenue précédemment
  4. Cliquez sur le bouton Envoi pour valider
Configurer le score minimum pour Google reCaptcha v3 dans le module Formulaire de Divi

Le dernier paramètre du module Formulaire de Divi pour configurer Google reCaptcha v3 correspond au score minimum toléré comme une interaction correcte. En-dessous, l’utilisateur sera considéré comme un robot et au-dessus comme un humain.
Je vous conseille de laisser la valeur par défaut ; vous pourrez l’ajuster si besoin.

Enfin, il ne vous reste plus qu’à valider les modifications effectuées sur votre module Formulaire et à enregistrer les changements sur la page.

Le badge Google reCaptcha v3 dans le footer de Divi Community

Vous pourrez ensuite constater, en bas à droite de la fenêtre de votre site, la présence du badge annonçant que Google reCaptcha v3 est actif et protège votre site Divi des robots spammeurs.

Le mot de la fin

L’ajout très discret de la part d’Elegant Themes de l’option Google reCaptcha v3 dans le module Formulaire de Divi est une belle surprise qui permet d’éviter le recours à un plugin tiers.
De plus, vous venez de voir que sa configuration était très rapide et aisée.

Vous pouvez donc désormais supprimer le “vieux” captcha de calcul qui embarrassait jusqu’à maintenant les visiteurs de sites créés avec Divi.
Car votre site Divi est maintenant efficacement et discrètement protégé par Google reCaptcha v3.