Comment ajouter un CAPTCHA sur une page de contact

Dans cette page, nous allons vous guider pas à pas pour ajouter un CAPTCHA sur une page de contact afin de prévenir les soumissions indésirables ou automatisées.

Ce dont vous aurez besoin :

• Un compte systeme.io
• Un tunnel de vente déjà créé
• Une page de contact dans ce tunnel

1. Générer les clés reCAPTCHA

Pour ajouter un CAPTCHA à votre page de contact dans systeme.io, vous devez d’abord générer des clés reCAPTCHA via Google. Ces clés permettront à votre page de communiquer avec le service de vérification anti-robot.

Étapes à suivre :

1. Rendez-vous sur le site officiel de reCAPTCHA :

• https://www.google.com/recaptcha/about/

2. Cliquez sur le bouton "premiers pas" (1).

2. Configurer votre reCAPTCHA

Une fois connecté à la console d’administration reCAPTCHA, vous devez remplir un formulaire pour créer votre reCAPTCHA personnalisé.

Voici comment remplir chaque champ :

a. Étiquette (Label)

Dans le champ Label, entrez un nom pour identifier facilement le projet (2).

Exemple : XXXX.com   

b. Type de reCAPTCHA

Sélectionnez "Challenge (v2)" (3).

c. Choix du mode

Cochez l’option "Je ne suis pas un robot" (4).

d. Domaines autorisés

Ajoutez votre domaine (faites attention à ce qu'il n'y ait pas d'espace ni de majuscule) (5).

e. Conditions et alertes

Acceptez les conditions d’utilisation et, si vous le souhaitez, cochez l’option pour recevoir des alertes en cas de problèmes de sécurité (6).

f. Cliquez sur "Envoyer" pour finaliser l’enregistrement (7).

Une fois cette étape terminée, Google vous fournit deux informations essentielles :

• Clé du site (Site Key)
• Clé secrète (Secret Key)

Gardez ces informations à portée de main pour la suite.

3. Intégrer le reCAPTCHA dans votre page de contact

Maintenant que vous avez obtenu vos clés reCAPTCHA, vous allez pouvoir les intégrer dans votre page de contact créée via systeme.io.

Pour commencer, vous devez vous rendre dans les paramètres des Domaines personnalisés (1), ensuite cliquer sur l'icône des trois points (2), enfin sur "paramètres" (3).

Veuillez vous rendre dans l’option "Paramètres Captcha" afin d’ajouter vos deux clés, l'une publique et l'autre privée (respectivement site key et secret key sur votre compte Google) :

Cliquez sur "Sauvegarder". Vous pouvez désormais utiliser reCAPTCHA sur votre page contactez-nous.

Intégration sur votre formulaire de contact

Étapes à suivre :

1. Accédez à votre tunnel de vente

• Connectez-vous à votre compte systeme.io
• Rendez-vous dans l’onglet "Tunnels de vente".
• Sélectionnez le tunnel contenant la page de contact.

2. Éditez la page de contact

• Cliquez sur "Étapes du tunnel".
• Cliquez sur le bouton "Modifier la page" correspondant à votre page de contact.

L'élément reCAPTCHA est préinstallé sur le modèle de page de contact.

Assurez-vous que le nom de domaine associé à ce tunnel correspond bien au domaine que vous avez enregistré dans la console Google reCAPTCHA.

Voici le résultat !