Ajouter Google reCAPTCHA à des formulaires

Empêchez les envois de spam sur les blocs Formulaires, les blocs Newsletter, les pop-ups promotionnels et les listes d’attente de produits.

Dernière mise à jour le 30 décembre 2024

Pour réduire la quantité de spam, utilisez Google reCAPTCHA dans les blocs Formulaire, les blocs Newsletter, les pop-ups promotionnels et les listes d’attente de réapprovisionnement. Google reCAPTCHA est une fonctionnalité de sécurité invisible qui permet d’empêcher les robots de soumettre des formulaires.

Squarespace utilise le reCAPTCHA v3 sur la plupart des sites. Contrairement aux versions précédentes de reCAPTCHA, la version 3 est invisible ; les visiteurs de votre site n’ont pas besoin de cocher une case ou de sélectionner des images pour qu’elle fonctionne.

L’exception concerne tout formulaire figurant sur une page de couverture. Dans ce cas, c’est le reCAPTCHA v2 qui est utilisé et qui nécessite un compte Google pour l’activer.  

Regarder une vidéo

Activer Google reCAPTCHA dans les formulaires

Google reCAPTCHA est activé par défaut pour les blocs Newsletter, les blocs Formulaire et les listes d’attente des produits. Suivez les étapes pour l’activer dans les blocs Formulaire, les pop-ups promotionnels et les blocs Newsletter où Google reCAPTCHA était précédemment désactivé.

Remarque

pour vous assurer d’avoir activé Google reCAPTCHA, prévisualisez la page ou accédez au panneau Pop-up promotionnel. Cliquez ensuite dans un champ de formulaire et le logo Google reCAPTCHA devrait apparaître en bas à droite de votre écran.

Blocs Formulaire

Pour activer reCAPTCHA dans les blocs Formulaire, procédez comme suit :

  1. Cliquez sur Modifier sur la page, puis sur l’icône crayon dans le bloc Formulaire.
  2. Cliquez sur l’onglet Stockage.
  3. Cliquez sur Google reCAPTCHA.
  4. Sélectionnez l’option Activer Google reCAPTCHA.

Blocs Newsletter

Google reCAPTCHA est activé par défaut dans les blocs Newsletter. Pour ajouter Google reCAPTCHA à des blocs Newsletter dans lesquels il a déjà été désactivé par le passé, procédez comme suit :

  1. Cliquez sur Modifier sur la page, puis sur l’icône crayon dans le bloc Formulaire.
  2. Cliquez sur l’onglet Stockage.
  3. Cliquez sur Squarespace. Si le stockage Squarespace n’est pas connecté, cliquez sur Connecter. Google reCAPTCHA n’est pas pris en charge pour les blocs Newsletter si Squarespace n’est pas connecté pour le stockage.
  4. Sélectionnez l’option Activer Google reCAPTCHA.

Pop-ups promotionnels

Pour activer reCAPTCHA dans votre pop-up promotionnel, procédez comme suit :

  1. Ouvrez le panneau Pop-up promotionnel et cliquez sur Action.
  2. Sélectionnez S’inscrire à une newsletter.
  3. Cliquez sur Vérification  et cochez Activer reCAPTCHA.

Listes d’attente de réapprovisionnement

Google reCAPTCHA est activé automatiquement sur les listes d’attente des produits.

Google reCAPTCHA pour les formulaires sur les pages de couverture (version 7.0)

Remarque

la modification de vos paramètres Google reCAPTCHA v2 n’est pas prise en charge par notre service d’assistance. Pour obtenir de l’aide sur les étapes 1 à 11 de cette section, consultez la documentation de Google.

Si votre site utilise la version 7.0 et utilise des pages de couverture, vous pouvez activer reCAPTCHA v2 pour les formulaires sur les pages de couverture. Ce reCAPTCHA invite les visiteurs à cocher une case avant de le soumettre, ce qui rend difficile pour les robots de remplir le formulaire.

N’oubliez pas que cela n’est pris en charge que pour les formulaires sur les pages de couverture. Le reCAPTCHA n’est pas disponible pour les inscriptions à la newsletter sur les pages de couverture.

Avant d’ajouter Google reCAPTCHA aux formulaires sur les pages de couverture, activez-le dans les outils de développement :

  1. Ouvrez le panneau Outils de développement
  2. Cliquez sur Clés API externes et faites défiler la page vers le bas jusqu’à Google reCAPTCHA.
  3. Cliquez sur le lien pour obtenir vos clés API Google reCAPTCHA. Le lien s’ouvre dans un nouvel onglet.
  4. Cliquez sur Console d'administration v3.
  5. Saisissez un libellé pour vous aider à identifier votre site. Cela peut être l'URL de votre site web, ou un pseudonyme.
  6. Cliquez sur reCAPTCHA V2. Squarespace ne prend pas en charge reCAPTCHA V3 sur les pages de couverture.
  7. Cochez la case « Je ne suis pas un robot ». Les autres options ne sont pas prises en charge.
  8. Entrez votre nom de domaine prédéfini et cliquez sur l’icône +. Utilisez le format votresite.squarespace.com en excluant https:// au début de l’URL.
  9. Entrez votre domaine personnalisé et cliquez sur l’icône +. Répétez cette opération pour chaque domaine personnalisé connecté à votre site, sans oublier de retirer https:// au début de chaque domaine.
  10. Assurez-vous d'avoir ajouté tous les domaines associés à votre site. Si vous ne le faites pas, un message d'erreur s'affichera.

Créer un nouveau reCAPTCHA dans le tableau de bord Google reCAPTCHA.

Créer un nouveau reCAPTCHA dans le tableau de bord Google reCAPTCHA.
  1. Ajoutez un autre propriétaire si vous devez autoriser d’autres personnes à consulter les analyses Google reCAPTCHA de votre site.
  2. Acceptez les conditions d'utilisation de Google reCAPTCHA.
  3. Cliquez sur Envoyer.
  4. Copiez la clé du site et la clé secrète et collez-les dans un endroit accessible.
La clé du site et la clé secrète dans le tableau de bord reCAPTCHA.

Remarque

les clés API sont sensibles. Gardez ces clés en toute sécurité et traitez-les comme vous traiteriez n'importe quel mot de passe.

  1. De retour dans le panneau Clés API externes sur Squarespace, collez vos clés API.
Le panneau Clés API externes dans Squarespace.
  1. Cliquez sur Enregistrer.

Si vous modifiez votre domaine, mettez à jour les paramètres reCAPTCHA

Google reCAPTCHA avec formulaires sur les pages de couverture ne fonctionne qu’avec les domaines que vous saisissez au cours de l’enregistrement. Si vous modifiez votre domaine prédéfini Squarespace ou connectez un nouveau domaine à votre site, vous devez l’ajouter à vos paramètres de clé API sur Google. La mise à jour du nom de domaine peut prendre jusqu’à 30 minutes.

  1. Ouvrez le panneau Outils de développement.
  2. Cliquez sur Clés API externes.
  3. Faites défiler vers le bas jusqu'à Google reCaptcha.
  4. Cliquez sur Clés API reCAPTCHA Google.

Le lien ouvre le site Google reCAPTCHA dans un nouvel onglet.

  1. Cliquez sur Console d’administration v3.
  2. Dans le menu déroulant, sélectionnez le reCAPTCHA que vous souhaitez mettre à jour.
  3. Cliquez sur La en haut à droite.
  4. Ajoutez votre nouveau domaine à la liste Domaines.
  5. Cliquez sur Enregistrer.

Résolution des problèmes liés au reCAPTCHA avec les formulaires sur les pages de couverture

Message d'erreur : domaine non valide pour la clé de site

Si tous les domaines de votre site n’ont pas été ajoutés correctement lors de votre inscription à Google reCAPTCHA, le message d’erreur suivant s’affichera : ERREUR pour le propriétaire du site : domaine non valide pour la clé du site.

Pour résoudre ce problème, ajoutez tous vos noms de domaine, y compris le nom de domaine prédéfini de votre site et actualisez la page contenant le bloc. La mise à jour du nom de domaine peut prendre jusqu’à 30 minutes.

Message d’erreur : type de clé non valide

Si vous choisissez reCAPTCHA V3 lors de votre inscription à Google reCAPTCHA, le message d’erreur suivant s’affichera : ERREUR pour le propriétaire du site : type de clé non valide. Squarespace ne prend pas en charge reCAPTCHA V3 sur les pages de couverture.

Pour résoudre ce problème, créez un nouveau reCAPTCHA en cliquant sur l’icône en haut à droite de votre tableau de bord Google reCAPTCHA et choisissez reCAPTCHA V2 lors du processus de création. Ajoutez ensuite les nouvelles clés au panneau Clés API externes dans Squarespace et cliquez sur Enregistrer.

Message d’erreur : Impossible de soumettre le formulaire. Veuillez réessayer ultérieurement

Si vous copiez-collez accidentellement un segment de texte supplémentaire dans le champ Clé secrète des paramètres de votre site Squarespace, le message d’erreur suivant s’affichera lorsque vous essayerez de soumettre le formulaire ou l'inscription à la newsletter : Impossible de soumettre le formulaire. Veuillez réessayer ultérieurement.

Pour résoudre le problème, copiez la clé secrète qui se trouve sur le tableau de bord reCAPTCHA. (Attention ! Vous ne devez copier que la clé secrète.) Collez-la ensuite dans le champ Clé secrète du panneau Clés API externes de votre site Squarespace.

La vérification de Google reCAPTCHA redirige les visiteurs au bas de la page

Lorsqu’ils cochent la case Google reCAPTCHA sur un appareil iOS, les visiteurs sont dirigés vers le bas de la page. Il s’agit d’un problème entre iOS et Google que nous ne sommes pas en mesure de résoudre.

Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.