Comment utiliser reCAPTCHA pour votre module de formulaire de contact Divi

Les formulaires de contact sont l'un des formulaires les plus populaires que les bots utilisent pour vous envoyer du spam. Le reCAPTCHA de Google est l'un des meilleurs outils disponibles pour réduire ce spam. Heureusement, le module de formulaire de contact de Divi s'intègre parfaitement avec reCAPTCHA. Dans cet article, nous verrons comment utiliser reCAPTCHA pour votre module de formulaire de contact Divi. Nous verrons comment configurer le compte reCAPTCHA et comment l'utiliser avec le module de formulaire de contact.

Commençons.

Activer ReCAPTCHA pour votre module de formulaire de contact Divi

Voyons d'abord comment activer reCAPTCHA pour votre module de formulaire de contact Divi. L'option est intégrée, mais vous devrez l'activer, puis la configurer. Heureusement, ce n'est pas difficile. Pour nos exemples, j'utilise la page Contact du Poke Restaurant Layout Pack gratuit disponible dans Divi.

Ouvrez les paramètres du module de formulaire de contact en cliquant sur l' icône d'engrenage gris foncé qui apparaît au survol.

Dans le premier onglet, Paramètres généraux, faites défiler jusqu'à Protection anti-spam . Vous verrez deux options que vous pouvez activer :

• Utiliser un service de protection anti-spam
• Utiliser le captcha de base

Le service de protection anti-spam nécessite une configuration, tandis que le Captcha de base fonctionne immédiatement. Même s'il nécessite une configuration, le service de protection anti-spam est celui que je recommanderais à la plupart des utilisateurs de Divi. Regardons de plus près pour voir pourquoi.

reCAPTCHA vs Captcha de base

Bien que les deux options offrent une protection anti-spam, elles sont très différentes dans leur fonctionnement et leur interaction avec les utilisateurs. Voyons ce que chacun fait et comment ils se comparent.

Captcha de base

Basic Captcha fournit une équation mathématique simple et une case pour saisir la réponse. Cela ajoute une étape supplémentaire à laquelle les utilisateurs doivent faire face avant de soumettre un message. Certains utilisateurs sauteront le formulaire et passeront à autre chose. De plus, même si cela aide à réduire le spam, il n'est pas à 100% à l'épreuve des robots et vous recevrez probablement encore beaucoup de spam.

Il est simple à configurer et à utiliser, et il est couramment utilisé sur le Web, afin que les utilisateurs sachent comment l'utiliser. C'est une bonne option, surtout si vous n'avez pas beaucoup d'utilisateurs. Si vous souhaitez une meilleure protection et une meilleure expérience utilisateur, reCAPTCHA est une meilleure option.

reCAPTCHA

reCAPTCHA est le service de Google. Il a été affiné pendant plus d'une décennie pour repérer les robots de spam. Il n'est pas nécessaire que les utilisateurs interagissent avec un élément distinct du formulaire pour prouver qu'ils sont humains. Au lieu de cela, il utilise les données d'algorithmes adaptatifs basés sur les risques pour déterminer si un visiteur est une personne réelle ou un bot.

Le visiteur est noté sur la base de ces données. S'ils ont une note de passage, leur formulaire est soumis. S'ils n'ont pas de note de passage, ils verront un message indiquant qu'un bot a été détecté. Le score peut être ajusté pour augmenter ou réduire la sensibilité.

Les utilisateurs n'auront rien à faire pour interagir avec la protection anti-spam, ils ne seront donc pas affectés par celle-ci. Le formulaire lui-même semble normal, mais vous verrez une icône dans le coin inférieur droit de l'écran pour montrer que le formulaire est protégé par reCAPTCHA. L'icône se développe au survol pour afficher plus d'informations et fournir des liens.

Le service reCAPTCHA de Google est disponible gratuitement jusqu'à 1 million d'évaluations par mois. Google propose également une version d'entreprise disponible avec des options de précision et de personnalisation plus élevées.

Utiliser un service de protection anti-spam

Voyons maintenant comment utiliser reCAPTCHA avec votre module de formulaire de contact Divi. Tout d'abord, activez Utiliser un service de protection anti-spam .

Cela ouvre un nouvel ensemble d'options où vous pouvez sélectionner le fournisseur de services, choisir le compte et définir le score minimum. Examinons de plus près chaque paramètre.

Fournisseur de services

Celui-ci répertorie tous les fournisseurs de services que vous avez intégrés. Sélectionnez simplement le fournisseur de votre choix. Si vous n'avez intégré aucun fournisseur, il n'affichera que la valeur par défaut, reCAPTCHA. Dans notre cas, reCAPTCHA est le fournisseur que nous voulons, nous n'avons donc pas à apporter de modifications au fournisseur de services.

Compte reCAPTCHA v3

Le compte reCAPTCHA v3 vous permet de choisir le compte que vous souhaitez utiliser pour ce captcha. Si vous n'avez pas encore de comptes configurés, vous verrez un gros bouton AJOUTER où vous pourrez ajouter le compte. Nous détaillerons ce processus dans la section suivante.

Note minimale

Le score minimum vous permet de spécifier le score d'une bonne interaction. Un score de 0 est généralement une mauvaise interaction, comme un bot. Les mauvaises interactions voient un défi visuel pour prouver qu'elles ne sont pas un bot. Un score de 1 correspond probablement à une personne réelle, c'est donc considéré comme une bonne interaction. Vous pouvez affiner le score par incréments de 0,1.

Le paramètre par défaut est 0,5. Ceci est un bon endroit pour commencer. Si vous avez beaucoup de robots, ajustez le score de 0,1 jusqu'à ce qu'ils ne posent plus de problème. Si vous entendez des plaintes selon lesquelles vos visiteurs voient un message indiquant qu'ils sont un robot, réduisez le score.

Comment configurer reCAPTCHA

Passons en revue le processus de configuration d'un compte reCAPTCHA et de son intégration à votre module de formulaire de contact Divi.

Créez votre compte

Pour créer votre compte reCAPTCHA v3, accédez à la page À propos de reCAPTCHA et sélectionnez le lien dans l'en-tête intitulé Console d'administration v3 .

Ensuite, vous verrez l'écran pour créer le reCAPTCHA . Ajoutez un titre, sélectionnez reCAPTCHA v3, entrez votre domaine, acceptez les conditions d'utilisation et cliquez sur Soumettre.

• Étiquette : le titre
• Type de reCAPTCHA : reCAPTCHA v3
• Domaines : votre domaine
• Accepter les conditions d'utilisation

Ajouter reCAPTCHA à votre site

Votre compte reCAPTCHA affichera désormais votre clé de site et votre clé secrète . Vous devrez les copier et les ajouter au module de formulaire de contact un par un. Vous devrez également coller le nom de votre reCAPTCHA.

Pour ajouter votre compte reCAPTCHA, cliquez sur le gros bouton AJOUTER sous la liste déroulante de sélection de compte.

Ensuite, collez votre nom de site , votre clé de site et votre clé secrète dans les champs. Cliquez sur Soumettre . Si vous ne l'avez pas déjà fait, vous pouvez maintenant fermer la page Google reCAPTCHA. Votre compte reCAPTCHA est maintenant intégré à votre module de formulaire de contact Divi.

• Nom du site : le nom de votre reCAPTCHA
• Clé du site : la clé fournie par reCAPTCHA
• Clé secrète : la clé fournie par reCAPTCHA

Choisissez votre compte

Ensuite, sélectionnez votre nouveau compte dans la liste déroulante Compte reCAPTCHA v3 .

Note minimale

Si vous avez déjà utilisé reCAPTCHA et que vous avez reçu beaucoup de spams, envisagez d'ajuster votre score minimum . Je recommande de commencer avec le réglage par défaut et d'ajuster au besoin. Fermez les paramètres de votre module de formulaire de contact Divi et enregistrez votre travail. Assurez-vous de tester votre formulaire de contact.

• Note minimale : 0,5

Testez votre formulaire de contact

Ensuite, testez votre formulaire de contact pour vous assurer qu'il fonctionne correctement. Vous verrez une icône dans le coin inférieur droit qui informe l'utilisateur que le formulaire est protégé par reCAPTCHA. Un visiteur avec un bon score pourra soumettre son message normalement.

Pour cet exemple, j'ai défini un score trop élevé et il considère tout le monde comme un bot. J'ai défini celui-ci sur un score minimum de 1. J'ai ensuite ajusté le score à 0,8 et j'ai pu soumettre le formulaire de contact. Voici à quoi ressemble le formulaire avec un score trop élevé.

Mettre fin aux pensées

C'est notre regard sur la façon d'utiliser reCAPTCHA pour votre module de formulaire de contact Divi. reCAPTCHA v3 est une meilleure option que Basic Captcha. Les deux offrent une bonne protection contre les spams et le module de formulaire de contact vous donne la possibilité d'utiliser l'un ou l'autre, mais reCAPTCHA est la meilleure option pour améliorer l'expérience utilisateur et il est plus complet. Ce n'est pas parfait, donc vous pourriez toujours voir des commentaires de spam, ou vos visiteurs pourraient être empêchés d'utiliser votre formulaire de contact. Heureusement, le module de formulaire de contact dispose d'un ajustement qui vous permet de contrôler la sensibilité de reCAPTCHA.

Nous voulons de vos nouvelles. Utilisez-vous reCAPTCHA avec votre module de formulaire de contact Divi ? Faites-nous part de votre expérience dans les commentaires.