Dans ce tutoriel, nous vous présentons chaque champ et chaque fonctionnalité disponibles dans l’éditeur de formulaire, afin que vous puissiez exploiter pleinement les possibilités de vos formulaires.
Lorsque vous ouvrez un nouveau formulaire, vous pouvez sélectionner et utiliser des champs en cliquant dessus.
Toutes les fonctionnalités et tous les types de champs se trouvent dans l’éditeur du créateur de formulaires. Vous découvrirez ici comment les utiliser et les personnaliser dans votre formulaire.
1- Titre, logo et description
Le titre, le logo et la description apparaissent en haut à gauche de votre formulaire dans l’aperçu. Vous pouvez y ajouter des informations essentielles sur votre formulaire ou votre entreprise à l’intention des utilisateurs.
Titre du formulaire : le titre est l’identifiant principal du formulaire. Si vous configurez un domaine personnalisé, le titre influe également sur le favicon du formulaire, que vous pouvez personnaliser avec du Custom CSS dans l’onglet « Design » :
Centrer le logo et le titre : si vous souhaitez placer votre titre ou votre logo au centre et ajouter une description à votre formulaire, c’est très simple !
Dans la zone de description dotée d’outils d’édition, vous pouvez aussi retirer votre logo et l’insérer à l’intérieur. Ajoutez une description, modifiez la police, la couleur et la taille, et le tour est joué !
Masquer le titre principal : pour retirer le titre principal, accédez à Design > menu de droite et désactivez Show form title.
📝 Informations complémentaires :
Ajoutez une touche personnelle aux formulaires multi-étapes
Vous souhaitez que votre logo reste visible tout au long d’un formulaire multi-étapes ? Découvrez comment afficher un logo sur chaque page pour un formulaire fluide et professionnel.
2- Champs Text et Long text
Champ Text : utile pour les réponses courtes, avec la possibilité de définir une limite de caractères.
Champ Long text : permet aux utilisateurs de soumettre des réponses plus longues, idéal pour des retours ou des commentaires détaillés.
📝 Informations complémentaires :
Personnalisez les champs de texte selon vos besoins
Découvrez comment personnaliser les champs Text et Long text pour recueillir facilement les informations dont vous avez besoin.
Contrôlez les saisies grâce aux limites de caractères
Besoin de fixer des limites ? Découvrez comment définir des limites de caractères pour les champs de texte afin d’obtenir des réponses concises et homogènes.
3- Différents types de champs de question
Plusieurs champs de question vous aident à créer des formulaires interactifs et engageants :
Champ Single-choice
Ajoutez votre question dans le titre ou la description. Vous pouvez aussi ajouter une image dans la description avancée. Pour les réponses, ajoutez les options depuis le menu de gauche. Vous pouvez également y ajouter des images aux options.
Si vous activez « Add other option to field » dans le menu de droite, l’option « Other » est ajoutée aux réponses, afin que les utilisateurs puissent saisir leur propre réponse.
Pour gagner du temps, utilisez la fonctionnalité Bulk Insert pour ajouter rapidement plusieurs options de réponse en une seule fois.
📝 Informations complémentaires :
Proposez des options de réponse flexibles
Rendez vos questions plus adaptables en ajoutant une option « Other » qui permet aux répondants de saisir une réponse personnalisée. Découvrez comment ajouter une option « Other » à vos questions pour plus de flexibilité.
Champ Multi-choice
Là encore, vous pouvez ajouter un titre, une description et des images à la question et aux réponses, et définir les options « Min. Selectable Options » et « Max. Selectable Options » pour ce champ depuis le menu de droite.
Utilisez l’option Bulk Insert pour ajouter facilement plusieurs choix à la fois, et accélérer ainsi la configuration.
Activez « Add other option to field » pour permettre aux utilisateurs de saisir leur réponse dans la dernière option de votre question.
Champ Dropdown
Dans ce champ, vous pouvez ajouter les options manuellement ou utiliser l’option « Bulk Insert » pour y insérer une liste d’options.
Champ Yes / No
Des options de réponse oui/non prêtes à l’emploi : il vous suffit de saisir votre question. Si vous souhaitez traduire ou modifier les options, créez plutôt un champ Single-choice.
📝 Informations complémentaires :
Rendez vos formulaires plus inclusifs en personnalisant le champ Yes/No dans n’importe quelle langue. Découvrez comment traduire le champ Yes/No pour toucher facilement un public varié.
Champ Like/Dislike
Recueillez des retours rapides grâce à un champ interactif pouce levé/pouce baissé.
Champ Matrix
Utilisez le champ Matrix pour poser plusieurs questions avec des lignes de réponses.
Champ Table
Utilisez ce champ pour créer un tableau de questions avec différents types de réponses, comme « Number », « Text » ou « Boolean ».
Champ Score 0-10
Le champ Score est généralement utilisé pour les enquêtes, les quiz ou les évaluations. Il peut également servir aux enquêtes NPS (Net Promoter Score).
Dans les enquêtes NPS, on demande aux répondants d’indiquer dans quelle mesure ils recommanderaient un produit ou un service à d’autres personnes, généralement sur une échelle de 0 à 10. Les réponses servent ensuite à calculer un score NPS unique, qui mesure la satisfaction et la fidélité des clients.
Le champ « Score » de Formaloo peut facilement être personnalisé pour inclure une échelle de notation de 0 à 10 et calculer le score NPS de chaque répondant.
📝 Informations complémentaires :
Guidez les utilisateurs avec des descriptions des valeurs minimale et maximale
Gagnez en clarté en ajoutant des descriptions aux valeurs maximale et minimale du champ Score. Découvrez comment ajouter des descriptions aux valeurs max et min pour une notation plus intuitive.
Utilisez le champ Score 0-10 pour vos retours et évaluations
Tirez le meilleur parti du champ Score 0-10, idéal pour les enquêtes et les évaluations. Découvrez comment utiliser efficacement le champ Score 0-10 pour recueillir des informations utiles.
Calculez des totaux avec plusieurs champs Score
Besoin d’un score cumulé ? Découvrez comment additionner plusieurs champs Score 0-10 pour obtenir un total global et analyser facilement les résultats.
Champ CSAT
Plusieurs options vous permettent de modifier l’apparence du champ CSAT. Ce champ est idéal pour créer des enquêtes et recueillir les retours des utilisateurs.
Ce champ de notation est parfait pour créer des enquêtes de satisfaction personnalisées.
4- Champs courants pour tous les formulaires
En général, les personnes qui créent différents types de formulaires, qu’il s’agisse d’une enquête, d’un quiz ou d’un formulaire de contact, utilisent souvent des champs courants pour recueillir des données telles que le nom, l’e-mail, le téléphone, l’adresse, etc.
Ces champs sont fréquemment utilisés pour recueillir des informations de base :
Champ Email : ce champ accepte le format e-mail pour recueillir les adresses e-mail des utilisateurs.
Champ Phone : vous pouvez définir le type de téléphone : mobile, fixe ou les deux.
Champ Number : utilisez ce champ pour recueillir des nombres. Définissez les valeurs maximale et minimale, ainsi que le nombre maximal de décimales depuis le menu de gauche.
Champ Date : depuis le menu de gauche, modifiez le format de la date, définissez une date par défaut ou choisissez une plage sélectionnable fixe ou dynamique.
Champ Website : utilisez ce champ pour recueillir des liens de sites web.
Champ Time : pour ajouter l’heure du jour de soumission ou demander de sélectionner une heure.
Champ City : pour permettre aux utilisateurs de choisir leur ville et leur pays.
5- Champ File upload
Le champ « upload file » est une fonctionnalité puissante de Formaloo qui permet aux créateurs de formulaires de recueillir des fichiers auprès des utilisateurs.
Ce champ peut servir pour les CV et candidatures, les soumissions de produits, les devoirs de cours, les déclarations de sinistre, les inscriptions à des événements, etc.
Les fichiers recueillis avec ce champ occupent l’espace de stockage de votre espace de travail. La taille maximale d’un fichier importé est de 2 Mo, et vous pouvez limiter les fichiers aux images, aux documents, ou accepter les deux.
6- Champ New page
Dans les formulaires à une seule étape, vous pouvez utiliser une nouvelle page pour séparer les questions et les sections de votre formulaire.
Vous pouvez ainsi ajouter une pagination à vos formulaires d’une seule page grâce au champ de saut de page.
Par exemple, regroupez toutes les questions d’information sur une page, puis toutes les questions d’examen, et enfin le champ CSAT et le champ Score sur une même page.
7- Champ Video
Grâce au champ « video » de Formaloo, vous pouvez ajouter des vidéos à votre formulaire pour fournir du contexte ou des instructions supplémentaires aux utilisateurs pendant qu’ils le remplissent. Ce champ prend en charge les liens vidéo YouTube et Vimeo.
Cette fonctionnalité est utile pour proposer des supports visuels ou présenter un processus précis, comme un tutoriel produit ou un guide pratique.
8- Champ Product
Le champ « Product » est une fonctionnalité puissante de Formaloo qui vous permet d’ajouter des produits à vos bons de commande en ligne ou à tout formulaire de vente de produits.
Avec ce champ, vous pouvez indiquer le nom, la description, la quantité, le prix et l’image de chaque produit.
Le champ calcule aussi automatiquement le prix total de tous les produits sélectionnés, ce qui fluidifie le paiement. En connectant le formulaire à une passerelle de paiement, vos clients peuvent effectuer leurs achats facilement et en toute sécurité.
Cette fonctionnalité est particulièrement utile aux entreprises d’e-commerce qui souhaitent vendre des produits ou des services directement depuis leur site web ou via des formulaires en ligne.
📝 Informations complémentaires :
Vous pouvez définir un montant fixe comme paiement de votre formulaire. Vous pouvez également calculer le montant total à payer en fonction des choix de vos utilisateurs dans vos formaloos.
Pour changer la devise de vos produits, accédez à l’onglet « Settings » de votre éditeur de formulaire. Vous pourrez y choisir la devise de votre bon de commande.
9- Champ Signature
Ce champ est utile pour recueillir des signatures sur des contrats, des accords ou tout autre document nécessitant une signature. Les utilisateurs peuvent signer le formulaire directement sur leur appareil, à l’aide de leur souris ou de leur pavé tactile, ou avec le doigt sur un écran tactile.
La signature numérique est ensuite enregistrée sous forme d’image et stockée en toute sécurité dans les données du formulaire. Cette fonctionnalité supprime le besoin de documents papier et simplifie la collecte des signatures, la rendant plus rapide et plus pratique pour les créateurs de formulaires comme pour les utilisateurs.
10- Champ Email verification
Cette fonctionnalité permet de vérifier les adresses e-mail de vos utilisateurs lors de la soumission du formulaire.
Si vous rendez ce champ « Required » ou « Unique », la soumission du formulaire est conditionnée à la vérification préalable de l’adresse e-mail.
Vous pouvez également définir des réponses acceptables pour ce champ.
Cette fonctionnalité est particulièrement utile aux entreprises qui s’appuient sur l’e-mail pour leur communication ou leur marketing, car elle permet de s’assurer que les adresses e-mail recueillies sont exactes et valides.
11- Champ Embed
Intégrez du contenu externe à vos formulaires, comme des PDF, des cartes ou d’autres widgets tiers.
En ajoutant du contenu externe à vos formulaires, vous pouvez fournir des informations ou un contexte supplémentaires aux utilisateurs, voire créer des expériences interactives qui maintiennent leur engagement.
12- Champ Custom validation
Utilisez le champ « Custom Validation » dans votre éditeur de formulaire pour obliger votre public à saisir des informations dans un format précis.
Ce champ vous permet de définir vos propres règles de validation pour certains champs du formulaire. C’est utile pour vous assurer que les données saisies par les répondants sont au bon format ou répondent à certains critères.
Par exemple, si vous demandez un numéro de téléphone, vous pouvez définir une règle de validation personnalisée pour garantir que le numéro respecte un format précis (comme ###-###-####).
De même, si vous demandez un mot de passe, vous pouvez définir une règle de validation personnalisée pour garantir qu’il respecte certaines exigences de complexité (comme une longueur minimale ou la présence de lettres et de chiffres).
📝 Informations complémentaires :
Définissez des règles de validation personnalisées avec RegEx
Garantissez l’exactitude des données en créant des règles de validation personnalisées pour vos champs à l’aide d’expressions régulières (RegEx). Découvrez comment définir une validation personnalisée pour obtenir des réponses homogènes et formatées exactement comme vous le souhaitez.
13- Pages de réussite basées sur la logique
Vous pouvez utiliser la page Logic pour diriger les utilisateurs vers la bonne page de réussite en fonction de leurs réponses.
Utilisez Advanced Logic pour définir, sur la page Logic, la page de réussite à afficher après la soumission.
📝 Informations complémentaires :
Personnalisez les pages de fin de votre formulaire
Créez une expérience sur mesure en ajoutant des pages de fin personnalisées à votre formulaire, qui dirigent les utilisateurs vers un contenu spécifique après la soumission. Découvrez comment ajouter et gérer des pages de fin pour rendre chaque soumission mémorable et utile.