Comment mettre en place des formulaires de capture de données
Comment ajouter des champs personnalisés et afficher les prospects sur Tilda
Les formulaires de capture de données sont des blocs contenant des champs dans lesquels les visiteurs d'un site web saisissent leurs informations personnelles (adresses électroniques ou numéros de téléphone). Vous pouvez recevoir ces informations par l'intermédiaire de services de capture de données.
Vous pouvez trouver des blocs avec des formulaires dans les catégories "Form" et "Cover" dans la bibliothèque de blocs, il y a aussi des formulaires dans les catégories "Contacts" et "Footer".
Il y a aussi beaucoup de modèles de formulaires prêts à l'emploi avec plusieurs champs dans la catégorie de modèles "Quiz form".
Lisez ce guide pour apprendre comment ajouter et personnaliser les champs de saisie des formulaires et afficher les prospects sur Tilda.
Il y a aussi beaucoup de modèles de formulaires prêts à l'emploi avec plusieurs champs dans la catégorie de modèles "Quiz form".
Lisez ce guide pour apprendre comment ajouter et personnaliser les champs de saisie des formulaires et afficher les prospects sur Tilda.
Comment ajouter des champs personnalisés à un formulaire de capture de données ?
Chaque formulaire peut avoir un nombre illimité de champs.
Vous pouvez personnaliser les champs de saisie du formulaire dans le panneau Contenu du bloc sous l'onglet "Champs de saisie".
Vous pouvez personnaliser les champs de saisie du formulaire dans le panneau Contenu du bloc sous l'onglet "Champs de saisie".
Chaque champ dispose d'une fiche individuelle dans laquelle vous pouvez spécifier son type, son titre, son sous-titre, son indice (espace réservé), son nom de variable et définir le caractère obligatoire ou facultatif du champ.
Titre. Précisez les informations requises, par exemple "Votre nom". Ce texte apparaîtra au-dessus du champ.
Sous-titre. Si nécessaire, ajoutez une description ou des instructions, par exemple "Entrez votre prénom et votre nom". Ce texte apparaîtra au-dessus du champ et sous le titre.
Placeholder. Donnez un exemple de la manière dont le champ doit être rempli. Par exemple, "John Dawson". Ce texte est visible à l'intérieur du champ avant qu'il ne soit rempli.
Champ obligatoire. Cochez cette case pour rendre le champ obligatoire. Les visiteurs ne pourront pas soumettre le formulaire sans remplir ce champ.
Unnom de variable est défini par défaut, en fonction du type de champ. Si les services de capture de données exigent un nom spécifique pour votre variable, il suffit de le changer. Par exemple, Mailchimp et Bitrix24 ont tous deux des variables prédéfinies.
Sous-titre. Si nécessaire, ajoutez une description ou des instructions, par exemple "Entrez votre prénom et votre nom". Ce texte apparaîtra au-dessus du champ et sous le titre.
Placeholder. Donnez un exemple de la manière dont le champ doit être rempli. Par exemple, "John Dawson". Ce texte est visible à l'intérieur du champ avant qu'il ne soit rempli.
Champ obligatoire. Cochez cette case pour rendre le champ obligatoire. Les visiteurs ne pourront pas soumettre le formulaire sans remplir ce champ.
Unnom de variable est défini par défaut, en fonction du type de champ. Si les services de capture de données exigent un nom spécifique pour votre variable, il suffit de le changer. Par exemple, Mailchimp et Bitrix24 ont tous deux des variables prédéfinies.
Les formulaires prennent en charge plusieurs types de variables pour différents types de données d'entrée. Vous trouverez dans le tableau ci-dessous les descriptions et les informations utiles concernant les types de champs de saisie :
Pour que les variables fonctionnent correctement dans le formulaire, il est recommandé de spécifier le nom de la variable en lettres latines.
Les variables s'affichent sous la forme
Les noms de variables peuvent être utilisés pour afficher les valeurs des données que l'utilisateur a déjà remplies dans ce formulaire, c'est-à-dire pour afficher les données du champ à la fois dans le titre du champ ou dans le commentaire du texte. Par exemple, pour afficher le nom de l'utilisateur ou d'autres données remplies par l'utilisateur dans un quiz.
L'affichage des variables fonctionne sur la page publiée et uniquement à l'intérieur d'un bloc.
L'affichage des variables fonctionne sur la page publiée et uniquement à l'intérieur d'un bloc.
L'utilisateur a spécifié un nom à l'étape précédente et celui-ci est déjà affiché dans la question.
Cette fonctionnalité n'est disponible qu'en mode test. Pour y accéder, cochez la case "Accepter de devenir bêta-testeur et essayer les nouvelles fonctionnalités avant leur sortie" dans votre profil.
For the variable value to be displayed, you need to use the {{form.name=def}} expression in the form field, where:
form is the mandatory prefix to be specified before the variable name and its value;
name is the variable name specified in the field content;
def is the default value, optional part, and it will be displayed in the block if the corresponding field is not filled in.
form is the mandatory prefix to be specified before the variable name and its value;
name is the variable name specified in the field content;
def is the default value, optional part, and it will be displayed in the block if the corresponding field is not filled in.
Si l'utilisateur ne remplit pas le champ, la valeur par défaut sera affichée. Par exemple, vous pouvez spécifier n'importe quelle autre valeur à la place de def.
Les valeurs variables ne peuvent être affichées que dans les champs dont les variables sont explicitement définies - où le nom de la variable peut être spécifié. L'affichage des valeurs n'est pas possible dans des champs tels que code promo, options de livraison avancées, commentaire de texte.
L'affichage des valeurs variables ne fonctionne pas avec un champ caché.
Vous ne pouvez pas utiliser l'affichage des valeurs variables dans les champs Question avec réponses, Question avec réponses sous forme d'image et Dropdown.
L'affichage des valeurs variables ne fonctionne pas avec un champ caché.
Vous ne pouvez pas utiliser l'affichage des valeurs variables dans les champs Question avec réponses, Question avec réponses sous forme d'image et Dropdown.
Lorsqu'on essaie d'ajouter l'expression {{form.example=def}} aux options de réponse, une erreur se produit. La valeur du champ de la liste déroulante s'affiche correctement.
Pour l'instant, l'affichage de la valeur des variables ne fonctionne pas dans les formulaires Zero Block .
Particularités de l'affichage des valeurs de certains champs :
- La case à cocher est affichée comme oui/non
- Le champ "Question avec réponses" avec le type de réponse Choix multiple (cases à cocher) s'affiche comme suit : option 1 ; option 2
- Votre propre réponse est affichée sans titre de variante si la valeur d'un utilisateur est spécifiée.
Si la valeur "Nom de la variable" n'est pas spécifiée pour le champ, le texte du "Titre de l'entrée" sera envoyé aux services de collecte de données. Dans ce cas, si l'expression {{form.name=def}} a été ajoutée au titre, elle en sera exclue.
Comment personnaliser l'apparence d'un formulaire de capture de données ?
Vous pouvez personnaliser l'apparence de votre formulaire dans les paramètres du bloc. Si le formulaire comporte plusieurs champs, vous pouvez modifier les champs et les textes, personnaliser les boutons et ajouter des animations.
Le style des champs de saisie
Paramètres des boutons
Paramètres généraux du formulaire
- Texte pour les espaces réservés et les titres - couleur et saturation.
- Couleur des cases à cocher, des boutons radio et d'autres éléments.
- Style de la bordure - couleur, rayon de l'angle, poids, utilisation de la bordure inférieure uniquement.
- Placeholder (value hint) option de style permettant de laisser le placeholder visible ou non.
Paramètres des boutons
- Couleur de l'arrière-plan et de la bordure ; possibilité de changer la couleur au survol.
- Shadow ; option permettant de modifier l'ombre au survol.
- Couleur du texte ; possibilité de la modifier au survol, ainsi que la police de caractères, la taille de la police et la saturation.
- Vitesse d'animation au survol.
Paramètres généraux du formulaire
- Largeur du formulaire (Tilda est basé sur une grille de 12 colonnes). La largeur des colonnes et la marge gauche sont définies dans les colonnes. Le plus souvent, les formulaires ont une largeur de 8 colonnes et une marge gauche de 2 colonnes.
- Le titre du formulaire n'est pas affiché aux visiteurs. Il est envoyé aux services de capture de données et permet d'identifier le formulaire source du lead.
- Animation : 6 options différentes pour l'affichage du formulaire à l'écran.
Comment consulter les journaux des pistes et des erreurs
Une fois que les champs de formulaire et les services de capture de données ont été configurés et activés, les pistes sont envoyées aux services de capture de données connectés. Vous pouvez consulter vos pistes, vérifier si les données soumises sont correctes ou découvrir comment corriger les erreurs dans la section "Pistes" de votre projet.
Accédez à la section Pistes depuis le tableau de bord de votre projet.
Accédez à la section Pistes depuis le tableau de bord de votre projet.
Toutes les pistes provenant de tous les formulaires sont conservées ici, qu'un service de capture de données tiers soit connecté ou non.
Si vous cliquez sur une piste, une boîte contenant des informations détaillées sur la commande s'affiche.
Si vous cliquez sur une piste, une boîte contenant des informations détaillées sur la commande s'affiche.
Par défaut, les données capturées sont conservées dans la section "Leads" pendant un mois, mais vous pouvez choisir de les conserver pendant un jour ou de ne pas les conserver du tout. Pour spécifier vos préférences, allez dans Paramètres du site → Formulaires → Paramètres généraux du formulaire (en bas de la page).
Si vous souhaitez conserver vos prospects plus longtemps et pouvoir les modifier, connectez au moins l'un des services de capture de données suivants ces services de capture de données.
Si vous souhaitez conserver vos prospects plus longtemps et pouvoir les modifier, connectez au moins l'un des services de capture de données suivants ces services de capture de données.
Pour consulter les erreurs de soumission de formulaire, cliquez sur "Journal des erreurs". Vous pourrez vérifier la date et le carreau de soumission, le service de collecte des données et les messages d'erreur.
Comment connecter les services de capture de données
Plus de 15 services de collecte de données sont intégrés à Tilda. Vous pouvez utiliser les e-mails, Google Sheets, les services de marketing par e-mail, les messageries et les systèmes de gestion de la relation client en quelques clics. Connectez un ou plusieurs d'entre eux pour gérer vos prospects.
