Créez et personnalisez des formulaires pour collecter des informations auprès des visiteurs.
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).
- Il n’est pas possible d’ajouter un champ de téléchargement aux blocs Formulaire pour que les visiteurs puissent envoyer des fichiers ou des pièces jointes avec leur formulaire. Si vous avez besoin d’un champ de téléchargement, utilisez Wufoo pour une solution tierce.
- 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.
Regarder une vidéo
Ajouter un bloc Formulaire
Pour ajouter un bloc Formulaire :
- 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.
- Ouvrez l’éditeur de bloc en cliquant sur l’icône en forme de crayon sur le bloc.
- Dans l’onglet Contenu, configurez votre formulaire et ajoutez un message qui s’affichera suite à l’envoi du formulaire ou modifiez l’adresse à laquelle il sera envoyé.
- Cliquez sur Design pour personnaliser la disposition de votre formulaire.
- Cliquez sur Stockage pour ajouter une option de stockage. Les blocs Formulaire ne fonctionneront pas si au moins une option de stockage n’est pas configurée. Veillez donc à en ajouter une à votre formulaire.
- Ajoutez Google reCAPTCHA si vous le souhaitez.
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 :
- Supprimez le texte Nouveau formulaire dans le champ Nom du formulaire et saisissez un nom. Les visiteurs verront le nom du formulaire uniquement si vous configurez le formulaire pour qu’il s’ouvre avec un effet lightbox.
- Le texte de bouton par défaut est Envoyer. Si vous souhaitez le modifier, supprimez Envoyer et saisissez un nouveau texte.
- 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.
- 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.
- Pour stocker les expéditeurs de formulaires et leurs informations sur votre site web, assurez-vous que votre formulaire inclut un champ d’adresse e-mail obligatoire.
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 de votre formulaire
Dans l’onglet Design, vous pouvez définir l’alignement des boutons à Gauche, au Centre ou à Droite. Pour activer une couleur d’arrière-plan, activez le bouton Arrière-plan et sélectionnez une couleur.
Si vous souhaitez 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, activez l’option Lightbox. Vous pouvez également personnaliser le texte du bouton Ouvrir.
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. Vous pouvez connecter les blocs Formulaire à une adresse e-mail, 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é :
- Cliquez sur Modifier sur la page contenant le formulaire, puis cliquez sur l’icône crayon dans le bloc Formulaire.
- Cliquez sur Modifier les champs du formulaire.
- 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.
- 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.
- Pour donner à vos visiteurs la possibilité d’accepter de futurs messages marketing de votre part, activez l’option Inscription aux e-mails .
- 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.
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.