Blocs Formulaire

Créez et personnalisez des formulaires pour collecter des informations auprès des visiteurs.

Dernière mise à jour le 31 janvier 2025

Utilisez les blocs Formulaire pour recueillir des informations sur les visiteurs. Grâce à ces blocs, vous pouvez créer notamment des formulaires de contact, des enquêtes, des sondages, des formulaires d’inscription ou tout autre type de formulaire.

Si vous avez besoin d’aide pour résoudre des problèmes courants liés aux blocs Formulaire, consultez l’article Résoudre les problèmes liés aux formulaires.

Remarque

pour recevoir les envois de formulaires, assurez-vous de connecter une option de stockage. Les envois ne sont pas stockés directement dans le bloc. Les nouveaux blocs Formulaire se connectent automatiquement à votre adresse e-mail de connexion, mais nous vous recommandons de connecter une deuxième option de stockage en cas de problème.

Avant de commencer

  • Certains champs de formulaire changent de mise en forme en fonction de la langue de votre site (adresse et numéro de téléphone) ou de la localisation de votre client (date et heure).
  • Les formulaires envoyés via des domaines SSL sont chiffrés. Pour vous assurer que SSL est activé sur votre domaine, rendez-vous dans Comprendre les certificats SSL.
  • Les blocs Formulaire ne peuvent pas être utilisés dans le cadre d’une solution conforme à la loi HIPAA. Pour recueillir des informations sur les patients de manière sécurisée, il est fortement conseillé d’utiliser Acuity Scheduling.
  • Une fois les modifications apportées au bloc Formulaire, assurez-vous d’appuyer sur Entrée ou de cliquer en dehors de l’éditeur de bloc pour enregistrer vos modifications.

Regarder une vidéo

Ajouter un bloc Formulaire

Pour ajouter un bloc Formulaire :

  1. Modifiez une page ou un billet, cliquez sur Ajouter un bloc ou un point d’insertion, puis cliquez sur Formulaire.Pour obtenir de l’aide, consultez l’article Ajouter du contenu avec les blocs.
  2. Ouvrez l’éditeur de bloc en cliquant sur l’icône en forme de crayon sur le bloc.
  3. Dans l’onglet Contenu, configurez votre formulaire et ajoutez un message qui s’affichera à la suite de l’envoi du formulaire ou modifiez l’adresse à laquelle il sera envoyé
  4. Cliquez sur Design pour personnaliser la disposition de votre formulaire.
  5. L’option de stockage par défaut pour les réponses aux formulaires est votre adresse e-mail de connexion. Cliquez sur Espace de stockage supplémentaire dans l’onglet Stockage pour ajouter une autre option de stockage.
  6. Ajoutez Google reCAPTCHA, obligatoire si vous souhaitez autoriser les visiteurs à charger des fichiers.
  7. Lorsque vous avez terminé, appuyez sur Entrée ou cliquez en dehors de l’éditeur de bloc.

Configurer le formulaire

Lorsque vous ajoutez un bloc Formulaire, celui-ci crée par défaut un nom de formulaire, un texte de bouton et certains champs (Nom, E-mail, Texte, Zone de texte) dans l’onglet Contenu pour vous aider à démarrer.

Pour configurer votre formulaire :

  1. Vérifiez le texte de l’espace réservé dans le champ Nom du formulaire et entrez un nouveau nom pour le formulaire si vous le souhaitez. Les visiteurs verront le nom du formulaire uniquement si vous configurez le formulaire pour qu’il s’ouvre avec un effet lightbox.
  2. Le texte de bouton par défaut est Envoyer. Si vous souhaitez le modifier, supprimez Envoyer et saisissez un nouveau texte.
  3. Cliquez sur Modifier les champs du formulaire pour gérer les champs de votre formulaire. Pour ajouter un nouveau champ, cliquez sur Ajouter un champ. Pour réorganiser ou supprimer des champs, cliquez sur Modifier en haut à droite.
  4. Pour modifier des champs individuels, cliquez sur le champ dans le panneau Modifier les champs du formulaire. Selon le type de champ, vous pouvez ajouter un libellé et une description, le rendre obligatoire pour la soumission, ajouter des options de sélection ou le supprimer.
  5. Si vous ajoutez un champ de chargement de fichiers, pensez à ajuster le nombre et les types de fichiers acceptés.
  6. Par défaut, votre bloc Formulaire enverra les réponses aux formulaires à votre adresse e-mail de connexion et stockera les expéditeurs de formulaire et leurs informations sur votre site web. Utilisez l’onglet Stockage pour connecter d’autres options de stockage telles que Google, Zapier et Mailchimp.
  7. Lorsque vous avez terminé, appuyez sur Entrée ou cliquez en dehors de l’éditeur de bloc.

Important :

  • Si vous avez plusieurs formulaires de contact dans Squarespace, il est conseillé de choisir un nom descriptif pour chacun d’entre eux. Vous pourrez ainsi identifier facilement les envois de formulaires que vous recevrez et filtrer les expéditeurs de formulaires dans votre panneau Contacts.
  • Le texte de description n'apparaîtra pas avec les formulaires envoyés.
  • Afin que votre formulaire soit facile à compléter pour les visiteurs, nous recommandons de ne pas dépasser 30 champs. Notez qu’il s’agit également de la limite du nombre de champs pour les formulaires connectés à Mailchimp.
  • Si vous souhaitez en savoir plus sur les options existantes pour les champs, consultez l’article À propos des champs de formulaire.

Ajouter un message ou une redirection post-envoi

Pour ajouter un message post-envoi ou une redirection, cliquez sur Post-envoi dans l'onglet Contenu.

Message

Pour ajouter un message post-envoi, cliquez sur Message et saisissez votre texte dans le champ Message. Ce texte s’affiche une fois qu’un visiteur a envoyé le formulaire.

Dans le champ HTML, vous pouvez ajouter du code HTML à afficher à côté du message post-envoi. Gardez à l’esprit que si votre formulaire comporte une redirection post-envoi, le message post-envoi ne s’affichera pas.

Remarque

l'Ajout de Code HTML Post-Soumission est une modification avancée et nous ne pouvons pas résoudre les problèmes de code personnalisé.

Redirection

Pour configurer une redirection post-envoi, cliquez sur Redirection. Pour rediriger vers un autre site web, collez l’URL complète dans le champ URL de redirection.

Pour tester une redirection post-envoi, envoyez un formulaire une fois déconnecté(e) de votre compte ou depuis une fenêtre de navigation privée. Les redirections post-envoi ne fonctionneront pas si vous êtes connecté(e) à votre site.

Pour supprimer une redirection post-envoi, supprimez le lien du champ URL.

Personnaliser la disposition et l’apparence du formulaire

Pour personnaliser des éléments tels que l’alignement, la couleur et l’apparence, ouvrez l’éditeur de bloc en cliquant sur l’icône du crayon sur le bloc. Cliquez sur Design pour accéder aux options suivantes :

  • Définissez l’alignement du bouton sur Gauche, Centre ou Droite.
  • Cliquez sur le menu déroulant Premier champ en évidence pour définir des animations qui permettent d’attirer l’attention sur le premier champ du formulaire. 
  • Activez une couleur d’arrière-plan en activant le bouton Arrière-plan et en sélectionnant une Couleur.
  • Activez l’option Lightbox pour que le formulaire s’ouvre dans une fenêtre pop-up avec effet lightbox lorsque les visiteurs cliquent sur un bouton qui s’affiche sur la page. Vous pouvez également personnaliser le texte du bouton Ouvrir.
  • À côté de Trait, activez une ligne continue ou pointillée pour délimiter le bloc. Pour les lignes continues et pointillées, définissez la Couleur et l’Épaisseur du trait.
  • Cliquez sur le menu déroulant Mode de fusion pour sélectionner un paramètre de transparence. Ces effets sont parfaits si vous superposez un bloc Formulaire devant une image ou un autre contenu visuel.
  • Pour flouter l’Élément ou la Toile de fond, activez l’option Flou et utilisez le curseur pour régler le niveau de flou.

Accéder à cette fonctionnalité

Les personnalisations du Trait, du Mode de fusion et du Flou sont disponibles pour les sections Éditeur intuitif. Pour les sections qui utilisent l’éditeur classique, seule la personnalisation du Trait est disponible.

Pour en savoir plus sur la personnalisation des polices, des couleurs et des autres styles de votre bloc Formulaire, consultez l’article Personnaliser le style des blocs Formulaire.

Ajouter une option de stockage

Pour choisir la destination des demandes d’envoi de formulaires, modifiez le bloc Formulaire et cliquez sur l’onglet Stockage. Les nouveaux blocs Formulaire se connectent automatiquement à votre adresse e-mail de connexion, mais vous pouvez également ajouter Mailchimp, Zapier ou Google Drive. Pour en savoir plus sur chaque type de stockage, consultez l’article Gérer les options de stockage des formulaires et des newsletters.

Si votre formulaire inclut un champ d’adresse e-mail obligatoire, les visiteurs qui soumettent un formulaire sont ajoutés au panneau Contacts de votre site aux côtés des informations relatives à leur envoi. Pour découvrir comment configurer votre formulaire à cet effet, consultez la section ci-dessous.

Stocker les expéditeurs de formulaires sur votre site web

Remarque

cette fonctionnalité a été lancée pour les blocs Formulaire disposant de champs d’adresse e-mail obligatoires le 21 juillet 2023. Les envois de blocs Formulaire reçus avant cette date n’apparaîtront pas dans votre panneau Contacts. Pour accéder aux envois de formulaires reçus avant le lancement de cette fonctionnalité, vérifiez les autres options de stockage connectées à vos blocs Formulaire.

Pour stocker les expéditeurs de formulaires et leurs informations dans le panneau Contacts de votre site web, vérifiez que votre formulaire est correctement configuré :

  1. Cliquez sur Modifier sur la page contenant le formulaire, puis cliquez sur l’icône crayon dans le bloc Formulaire.
  2. Cliquez sur Modifier les champs du formulaire.
  3. Cliquez sur E-mail. S’il n’y a aucun champ d’e-mail, cliquez sur Ajouter un champ, puis sur E-mail, puis de nouveau sur E-mail pour ouvrir les paramètres du champ.
  4. Activez le bouton Requis. Cette option doit être activée afin de stocker les expéditeurs de formulaires dans votre panneau Contacts. Elle garantit que les contacts créés sont associés à une adresse e-mail.
  5. Pour donner à vos visiteurs la possibilité d’accepter de futurs messages marketing de votre part, activez l’option Inscription aux e-mails .
  6. Pour que vos visiteurs acceptent de recevoir un e-mail de confirmation après avoir soumis leur formulaire, activez l’option Envoyer l’e-mail de confirmation. N’oubliez pas que si Google reCAPTCHA est désactivé dans votre formulaire, l’e-mail de confirmation ne peut pas être désactivé. Tous les blocs Formulaire pour lesquels l’inscription aux e-mails est activée nécessitent au moins une méthode de vérification.
  7. Lorsque vous avez terminé, appuyez sur Entrée ou cliquez en dehors de l’éditeur de bloc.

Les visiteurs et les formulaires qu’ils ont envoyés apparaissent dans le panneau Contacts, sous Expéditeurs des formulaires, lorsque vous avez un champ e-mail obligatoire. Lorsque l’inscription aux e-mails est activée, si l’expéditeur coche la case Inscrivez-vous pour recevoir nos actualités, il apparaîtra également dans le panneau Contacts, sous Abonnés. N’oubliez pas que si l’e-mail de confirmation est activé, il devra s’inscrire pour apparaître dans la section Abonnés.

Pour accéder aux expéditeurs de formulaires et aux informations stockées dans votre panneau Contacts, consultez l’article Gérer les options de stockage du Formulaire et de la Newsletter.

Bloc Formulaire frauduleux

Vous pouvez parfois recevoir des spams via votre bloc Formulaire. Méfiez-vous des personnes qui prétendent être Squarespace ou qui demandent des renseignements personnels.

Si nous détectons un formulaire dont le contenu est suspect, un avertissement s’affichera en haut de l’e-mail. Toutefois, veillez à examiner attentivement chaque soumission et évitez de cliquer sur des liens suspects. Vous pouvez cliquer sur Signaler comme spam pour nous signaler le message directement.

Pour un niveau de sécurité supplémentaire, vous pouvez configurer Google reCAPTCHA dans votre bloc Formulaire. Dans l’onglet Stockage, cliquez sur Google reCAPTCHA pour commencer ce processus. Pour connaître les prochaines étapes, consultez l’article Ajouter Google reCAPTCHA à des formulaires.

Pour en savoir plus sur les spams en général, consultez l’article Prévention des spams des blocs Formulaire et des blocs Newsletter.

Suivre les envois de blocs Formulaires

Faites le suivi de l’interaction des visiteurs avec vos formulaires grâce à l’analyse des conversions par formulaires et par boutons. Vous pouvez suivre le taux de conversion des formulaires envoyés, qui compare le nombre de vues enregistrées par un formulaire au nombre d’envois reçus.

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é.