Formulaires personnalisés

Les formulaires personnalisés vous permettent de créer vos propres formulaires en plusieurs étapes et de les utiliser à la place des fonctionnalités intégrées Lead Collection ou Human Contact Form. Vous choisissez les champs, le message de remerciement et le bouton d'envoi, puis vous associez le formulaire à la section où vous souhaitez qu'il apparaisse.

Où trouver les formulaires

Sélectionnez votre chatbot et accédez à Settings > Forms (Paramètres > Formulaires). Cette page répertorie vos formulaires personnalisés enregistrés. Si vous n'en avez pas encore créé, elle affiche « No custom forms yet » (Aucun formulaire personnalisé pour l'instant) avec un bouton Create your first form (Créer votre premier formulaire). Les formulaires personnalisés sont disponibles en tant que fonctionnalité premium - un message d'invitation à changer d'offre s'affiche si votre forfait ne les inclut pas.

Créer un formulaire

Cliquez sur New form (Nouveau formulaire) - ou sur Create your first form lorsque la liste est encore vide - pour ouvrir le créateur de formulaires.

Créer le formulaire

L'éditeur rassemble tout le nécessaire pour définir le formulaire sur un seul écran, avec un aperçu en direct sur la droite. Pour une pizzeria, vous pouvez par exemple collecter les coordonnées lors de la première étape, puis les préférences de commande lors de la deuxième.

• Form name (nom du formulaire) - un nom interne pour identifier ensuite le formulaire dans les menus déroulants.
• Thank-you message (message de remerciement) - le texte de confirmation affiché après l'envoi du formulaire par un visiteur.
• Submit button (bouton d'envoi) - définissez le libellé du bouton, choisissez une icône facultative et définissez sa couleur.
• Onglets Build (Création) et Custom CSS (CSS personnalisé) - créez les champs visuellement ou basculez vers Custom CSS pour appliquer vos propres styles.

Ajouter des champs

Dans l'onglet Build, donnez un titre facultatif à l'étape, puis cliquez sur le bouton du type de champ pour l'ajouter. Un formulaire accepte jusqu'à 10 étapes, 50 champs au total et 3 champs File upload (importation de fichiers). Les champs à choix prennent en charge jusqu'à 100 options chacun.

• Name - un champ d'une seule ligne pour le nom du visiteur.
• Email - recueille une adresse e-mail, avec validation du format e-mail.
• Phone number - recueille un numéro de téléphone.
• Date - un sélecteur de date.
• Time - un sélecteur d'heure.
• File upload - permet au visiteur de joindre et d'importer un fichier (voir ci-dessous).
• Short answer - un champ de texte libre d'une seule ligne.
• Long answer - un champ multiligne plus grand pour des réponses plus longues.
• Checkbox - une case à cocher unique, par exemple pour accepter des conditions.
• Dropdown - un menu déroulant dans lequel le visiteur sélectionne une seule option parmi une liste.
• Single choice - un groupe d'options où le visiteur ne peut en sélectionner qu'une seule.
• Multiple choice - un groupe d'options où le visiteur peut en cocher plusieurs à la fois.

Chaque champ comporte un Label (ce que voit le visiteur) et un Name (la clé interne utilisée dans les exports et les notifications). Vous pouvez marquer un champ comme Required (obligatoire), définir sa largeur (Width) pour afficher des champs côte à côte, et glisser-déposer les champs pour modifier leur ordre. Les champs Dropdown, Single choice et Multiple choice prennent également une liste d'options, à raison d'une par ligne.

Ajouter des étapes

Pour les formulaires plus longs, répartissez les champs sur plusieurs étapes plutôt que sur un seul écran à rallonge. Cliquez sur Add step (ajouter une étape), puis ajoutez des champs à cette étape. Le glisser-déposer permet de réorganiser les champs au sein d'une étape. Chaque étape forme sa propre carte avec un titre facultatif.

Les visiteurs voient chaque étape sous la forme d'un écran distinct dans le chat et passent de l'une à l'autre à l'aide des boutons Next (suivant) et Previous (précédent), qui apparaissent automatiquement dès qu'un formulaire compte plus d'une étape. Lorsqu'un formulaire comporte plusieurs étapes, l'éditeur vous permet aussi de définir le libellé, l'icône et la couleur des boutons Next et Previous.

Donnez à chaque étape un titre court et tourné vers l'action (par exemple "Vos coordonnées", puis "Votre demande") pour que les visiteurs sachent toujours où ils en sont dans le formulaire.

Champs d'importation de fichiers

Un champ File upload permet à un visiteur de joindre un fichier à son envoi. Pour chaque champ de fichier, vous pouvez définir :

• Accepted extensions (extensions acceptées) - une liste séparée par des virgules, par exemple pdf, png, jpg. Seuls les fichiers comportant ces extensions sont acceptés.
• Max size (taille maximale) - la taille maximale du fichier en Mo, jusqu'à 10 Mo.

Les fichiers importés sont vérifiés lors de l'envoi : l'extension doit figurer dans votre liste autorisée, la taille du fichier doit respecter la limite et son contenu réel doit correspondre au type déclaré.

Aperçu en direct

Le panneau Live preview (aperçu en direct) sur la droite affiche le formulaire exactement tel que les visiteurs le verront, en s'actualisant à mesure que vous ajoutez des champs, ajoutez des étapes et modifiez le style.

Lorsque le formulaire est prêt, cliquez sur Save (enregistrer). Le formulaire apparaît désormais dans votre liste sous Settings > Forms.

Utiliser un formulaire personnalisé

Un formulaire personnalisé enregistré n'apparaît pas de lui-même aux visiteurs. Associez-le à une section :

• Settings > Lead Collection (Paramètres > Collecte de leads) - ouvrez le menu déroulant Form shown to the visitor (Formulaire affiché au visiteur) et sélectionnez votre formulaire personnalisé à la place du formulaire intégré.
• Settings > Human Contact Form (Paramètres > Formulaire de contact humain) - ouvrez le menu déroulant Form shown to the visitor (Formulaire affiché au visiteur) et sélectionnez votre formulaire personnalisé à la place du formulaire intégré.

Le visiteur voit ensuite votre formulaire personnalisé dès que cette section est déclenchée.

Activez d'abord la section choisie. La section Lead Collection liste les formulaires contenant un champ Name (Nom) et un champ Email ou Phone number (Numéro de téléphone). La section Human Contact Form liste les formulaires contenant un champ Email ; son premier champ Long answer (Réponse longue) fournit le message d'assistance. Consultez Collecte de leads et Formulaire de contact du support humain pour les déclencheurs et les paramètres de notification.

Vous pouvez également proposer un formulaire indépendamment via Settings > Actions > Add action for custom form (Paramètres > Actions > Ajouter une action pour formulaire personnalisé). Configurez le moment où l'IA doit l'afficher ; enregistrer un formulaire ne suffit pas à activer une action.

Ce que voit le visiteur

Le formulaire s'affiche directement dans la fenêtre de chat. L'animation montre une demande de réservation de table avec les coordonnées, suivie des préférences de la demande. Les captures d'écran ci-dessous présentent un autre exemple de commande de pizza : le visiteur renseigne d'abord ses coordonnées (Your details), puis passe à l'étape suivante.

Voir la capture d'écran statique

L'étape 2, Order preferences (préférences de commande), affiche une liste déroulante Preferred pizza (pizza souhaitée) et un champ Additional notes (remarques supplémentaires). Le visiteur peut revenir en arrière avec Back ou soumettre sa demande avec Send request. Il s'agit des libellés de boutons configurés pour cet exemple ; votre formulaire reprend les libellés que vous choisissez dans le configurateur. Après l'envoi, le message de remerciement configuré s'affiche dans le chat. Cet exemple ne comporte pas de champ d'import de fichier.

Voir la capture d'écran statique

Voir les soumissions dans l'onglet Leads

Lorsqu'un visiteur soumet un formulaire personnalisé lié à Lead Collection ou au formulaire de contact humain (Human Contact Form), la soumission est enregistrée en tant que lead. Ouvrez l'onglet Leads du bot pour la consulter.

Aux côtés des champs standard Name (Nom), Email, Phone (Téléphone), Collected date (Date de collecte) et Entry point (Point d'entrée), une colonne Form data (Données du formulaire) affiche la soumission complète : le libellé de chaque champ suivi de la valeur saisie par le visiteur, à raison d'une ligne par champ. Pour un champ File upload (Importation de fichier), le nom du fichier importé s'affiche ; l'e-mail de notification de lead ainsi que l'exportation CSV (le bouton Export dans l'onglet Leads) incluent tous deux un lien de téléchargement vers le fichier lui-même.

Depuis chaque lead, vous pouvez également cliquer pour accéder à la conversation complète (Conversation) afin de voir l'échange entourant la soumission.

Testez le déclencheur sélectionné dans Overview (Vue d'ensemble), suivez toutes les étapes et soumettez le formulaire. Confirmez le message de remerciement et vérifiez la soumission enregistrée. Si les notifications sont activées, testez leur réception avec une adresse que vous contrôlez. Les formulaires d'action autonomes sont consignés dans la conversation ; ne partez pas du principe que chaque soumission autonome crée un lead.

Articles connexes

• Collecte de leads
• Formulaire de contact du support humain
• AI Actions