Note
Ces informations sont spécifiques à l'éditeur 2.0, anciennement connu sous le nom d'éditeur All-Flex. Pour identifier la version actuelle de votre éditeur, voirComment identifier la version de l'éditeur utilisée par votre site .
Le widget Advanced Forms vous permet de créer des formulaires personnalisés qui stimulent à la fois l'engagement et la conversion, et qui s'intègrent parfaitement à la conception de votre site. Par exemple, vous pouvez créer un formulaire pour collecter des informations sur les clients potentiels, recueillir les commentaires des clients ou proposer l'inscription à un compte et à un événement. Vous pouvez même diviser des formulaires longs ou complexes en plusieurs étapes pour une expérience de formulaire plus fluide et plus ciblée, ce qui contribue à augmenter les taux de remplissage.
Voici quelques avantages liés à l'utilisation du widget Formulaires avancés :
-
Flexibilité de conception. Ajoutez des widgets et des colonnes intérieures pour personnaliser véritablement la conception du formulaire.
-
Logique conditionnelle. Permet au formulaire d'adapter et d'afficher/masquer certains champs en fonction des réponses précédentes de l'utilisateur
-
Messages personnalisés. Rédigez des messages de réussite et d'erreur personnalisés adaptés à votre entreprise.
-
Paramètres de soumission. Définissez qui reçoit une copie des soumissions de formulaires et configurez où les visiteurs sont redirigés une fois le formulaire soumis.
-
Suivi des soumissions. Consultez facilement les réponses aux formulaires à la fois dans l'éditeur et depuis le tableau de bord du site.
Restrictions
Les limites actuelles sont les suivantes :
-
Les champs de saisie et le bouton d'envoi doivent rester dans le conteneur du formulaire.
-
Le bouton d'envoi ne peut pas être supprimé ou dupliqué.
Pour un aperçu rapide et une démonstration du widget Advanced Forms, regardez la vidéo suivante :
Lorsque vous créez un formulaire avancé, vous pouvez personnaliser le design à l'aide de colonnes et de widgets intérieurs, puis personnaliser les fonctionnalités à l'aide de champs de saisie, d'étapes et d'une logique conditionnelle.
Pour créer un formulaire avancé :
-
Rechercher Formulaires avancés, puis faites-le glisser et déposez-le sur le canevas.
-
Faites glisser et déposez les colonnes intérieures et les widgets depuis Élément panneau selon les besoins pour obtenir le design souhaité.
-
Faites glisser et déposez les champs de saisie dans votre formulaire depuis le Formulaire section du panneau Elément.
Champs de saisie disponibles : texte court, texte long, case à cocher, bouton radio, champ d'inscription, liste déroulante, numéro de téléphone, date, heure, téléchargement du fichier, numéro et e-mail.
-
Cliquez sur un champ de saisie pour ouvrir la barre flottante, puis cliquez sur Contenu. Le cas échéant, configurez le titre du champ, le texte de l'espace réservé, les options et indiquez si le champ est obligatoire pour soumettre le formulaire. Répétez l'opération pour chaque champ que vous avez ajouté au formulaire.
-
(Facultatif) Ajoutez des étapes à votre formulaire en suivant les instructions du Ajouter des étapes à un formulaire avancé section. Notez que chaque étape est placée sur une nouvelle page du formulaire.
-
(Facultatif) Ajoutez une logique conditionnelle à votre formulaire en suivant les instructions du Ajouter une logique conditionnelle à un formulaire avancé section.
-
Configurez les paramètres de soumission des formulaires en suivant les instructions du Configuration des paramètres de soumission pour un formulaire avancé section.
Vous pouvez créer un formulaire en plusieurs étapes où chaque étape apparaît sur une page distincte.
Pour ajouter des étapes :
-
Cliquez sur le widget Formulaires avancés pour ouvrir le menu flottant, puis cliquez sur Étapes.
-
Cliquez +Ajouter une étape pour chaque étape dont vous avez besoin. Faites glisser et déposez les étapes dans l'ordre souhaité.
-
Cliquez sur l'icône à trois points à côté de l'étape renommer, dupliquer, ou supprimer l'étape. La duplication d'une étape préserve la mise en page de l'étape d'origine, ce qui vous permet de gagner du temps lorsque vous créez plusieurs
La logique conditionnelle vous permet de définir des règles qui contrôlent le comportement d'un formulaire en fonction de ce que l'utilisateur saisit. Le formulaire utilise la logique si/then pour s'adapter aux réponses précédentes des utilisateurs en faisant apparaître, disparaître ou devenir obligatoires des champs
Pour en savoir plus sur les cas dans lesquels la logique conditionnelle peut être utile, voir Cas d'utilisation de la logique conditionnelle.
Remarques importantes :
-
Si vous supprimez un champ faisant partie d'une règle de logique conditionnelle, la logique sera interrompue et le formulaire ne fonctionnera pas correctement. Un message d'erreur « Problème logique » apparaît également à côté de la règle.
-
Les champs ou les étapes de formulaire qui utilisent une logique conditionnelle ne peuvent pas être dupliqués.
Pour ajouter une logique conditionnelle, procédez comme suit :
-
Cliquez sur le widget Formulaires avancés pour ouvrir le menu flottant, puis cliquez sur Réglages.
-
Cliquez sur le Logique onglet dans Gérer le formulaire dialogue.
-
Cliquez + Ajouter une règle.
-
Entrez un nom de règle. Ceci n'est visible qu'en interne et ne s'affiche pas pour les utilisateurs du site.
-
Pour SI partie de la règle, utilisez les menus déroulants pour sélectionner un champ dans le formulaire, comment la condition* est définie et, le cas échéant, quelle doit être la valeur nécessaire pour que la condition soit remplie et déclencher la partie THEN de la règle.
*Selon le type de champ sélectionné, les conditions disponibles sont les suivantes : est égal à, n'est pas égal à, est vide, n'est pas vide, contient, ne contient pas, commence par, ne commence pas par, se termine par et ne se termine pas par.
-
Pour PUIS partie de la règle, utilisez les menus déroulants pour sélectionner l'action* qui se produit lorsque la condition IF est remplie et le champ de formulaire auquel l'action est appliquée.
*Les actions disponibles incluent : afficher, masquer, rendre facultatif ou rendre obligatoire.
-
Cliquez Enregistrer.
La logique conditionnelle est un outil puissant qui vous permet d'adapter les champs de formulaire en temps réel en fonction des réponses précédentes de l'utilisateur. Vous trouverez ci-dessous des cas d'utilisation pour divers secteurs.
Capture de prospects immobiliers
Une société immobilière utilise un formulaire avancé pour capturer des prospects. Pour garantir que les agents reçoivent des prospects qualifiés, la logique conditionnelle suivante peut être ajoutée au formulaire :
-
Si « acheter » est sélectionné, affichez les champs qui posent des questions sur le budget et la zone préférée.
-
Si « vendre » est sélectionné, affichez les champs qui posent des questions sur le type de propriété et sa valeur estimée.
-
Si « location » est sélectionné, affichez les champs qui demandent des informations sur les dates d'emménagement.
Services pour animaux
Une entreprise qui propose des services pour animaux de compagnie (tels que des services de toilettage, de vétérinaire ou de formation) permet aux clients de prendre rendez-vous via un formulaire avancé. Pour offrir une expérience plus personnalisée au client, la logique conditionnelle suivante peut être appliquée au formulaire :
-
Si « chien » est sélectionné comme type d'animal de compagnie, affichez les champs qui demandent des informations sur l'âge et le sexe.
-
Si « chat » est sélectionné comme type d'animal de compagnie, affichez les champs qui demandent si le chat est à l'intérieur ou à l'extérieur.
-
Si vous demandez un rendez-vous de toilettage, affichez les champs qui demandent le type de pelage de l'animal.
-
Si vous demandez un rendez-vous de formation, affichez les champs qui posent des questions sur les problèmes de comportement.
Utilisez les champs masqués pour collecter des informations supplémentaires sur l'expéditeur du formulaire, telles que les données de suivi, les identifiants de campagne et les valeurs de routage CRM. Les champs masqués ne sont pas visibles pour le visiteur du site et n'ont pas besoin d'être remplis manuellement, mais sont inclus dans la soumission du formulaire.
Champs cachés disponibles :
-
Métadonnées collectées automatiquement. Enregistre les métadonnées que votre site Web suit déjà.
-
Paramètre d'URL. Enregistre les valeurs de l'URL avec laquelle le visiteur est arrivé, comme l'identifiant d'une campagne publicitaire.
-
Valeur statique. Enregistre une valeur fixe par formulaire.
-
Liaison dynamique de données. Enregistre les valeurs de la page actuelle où se trouve le formulaire. Cela peut être utile lorsque le formulaire se trouve sur une page dynamique, comme la page produit d'une boutique.
-
Personnalisé (JS). Enregistre une valeur personnalisée.
Pour ajouter un champ masqué :
-
Cliquez sur le formulaire avancé pour ouvrir la barre flottante, puis cliquez sur Réglages.
-
Dans le Gérer le formulaire fenêtre contextuelle, cliquez sur Champs cachés.
-
Cliquez + Nouvelle source de valeur, et sélectionnez l'une des options suivantes :
-
Métadonnées collectées automatiquement
-
Paramètre d'URL
-
Valeur statique
-
Liaison dynamique de données
-
Personnalisé (JS)
-
-
En fonction de la source sélectionnée, utilisez soit le Valeur menu déroulant ou Valeur champ de texte pour saisir une valeur.
Pour Personnaliser (JS), cliquez sur Ouvrez le mode développement. Vérifiez et modifiez le code ajouté, puis cliquez sur Enregistrer.
-
Tapez un Nom d'affichage. Le nom d'affichage apparaît dans le tableau de soumission du formulaire en tant que nom de colonne pour les données.
-
Cliquez Enregistrer.
Dans les paramètres de soumission du formulaire, vous pouvez ajouter un nom de formulaire, configurer les e-mails envoyés au propriétaire du site et au visiteur du site qui a soumis le formulaire, et éventuellement rediriger les visiteurs du site vers une page spécifique ou un site Web externe après avoir soumis le formulaire.
Pour configurer les paramètres de soumission :
-
Cliquez sur le widget Formulaires avancés pour ouvrir la barre flottante, puis cliquez sur Réglages.
-
Sur le Réglages onglet du Gérer le formulaire boîte de dialogue, développez les différentes sections et configurez les éléments suivants :
-
Nom du formulaire. Tapez un nom pour le formulaire. Ce nom n'est visible qu'en interne. Nous vous recommandons de donner un nom différent à chaque formulaire afin de faciliter la distinction entre les formulaires lors de l'affichage des réponses aux formulaires.
-
Envoyé depuis. Tapez un nom. Par défaut, ce champ affiche le nom de votre entreprise ou le domaine de votre site.
-
Objet de l'e-mail. Entrez une ligne d'objet.
-
Notifier par e-mail à. Entrez une adresse e-mail dans ce champ. Si vous saisissez plusieurs e-mails, séparez-les par un espace ou cliquez sur la touche Entrée.
-
(Facultatif) Vérifiez le Utiliser le courrier électronique de la bibliothèque de contenu case à cocher pour que les soumissions de formulaires soient envoyées à l'adresse e-mail répertoriée dans la bibliothèque de contenu.
-
-
(Facultatif) Activez le Réponse automatique à l'expéditeur du formulaire basculez cette option si vous souhaitez que les visiteurs du site reçoivent une copie de leurs réponses par e-mail. L'e-mail est envoyé dès que le visiteur du site soumet le formulaire. Si cette option est activée, vous devrez configurer les champs Envoyé depuis, Objet de l'e-mail et Message électronique.
-
(Facultatif) Dans le Paramètres après la soumission section, cliquez sur Rediriger vers une page après la soumission pour sélectionner la page du site existante ou l'URL externe vers laquelle les visiteurs du site sont redirigés après l'avoir soumis. Si cette option est activée, elle ignore le message de réussite
-
Vous pouvez consulter les soumissions de formulaires dans l'éditeur ou dans le tableau de bord du projet, mais les réponses aux formulaires ne peuvent être téléchargées que depuis le tableau de bord du projet.
Rédacteur
Pour afficher les soumissions de formulaires dans l'éditeur, cliquez sur Plus dans le panneau latéral, puis sélectionnez Réglages. Cliquez sur Gérer les réponses aux formulaires onglet.
Tableau de bord du projet
Pour afficher les réponses dans le tableau de bord du projet, accédez à la liste de vos sites, puis cliquez sur l'icône du tableau de bord du projet à côté du site souhaité. Dans le Vue d'ensemble du projet section, cliquez sur Réponses aux formulaires. Si vous devez télécharger les réponses à un formulaire, cliquez sur Exporter au format CSV.
Le widget Advanced Forms propose actuellement des intégrations avec Zapier, Google, MailChimp, HubSpot, Albato et ActiveCampaign.
Pour afficher les intégrations disponibles, cliquez sur le widget Formulaires avancés pour ouvrir le menu flottant, puis cliquez sur Réglages. Cliquez sur Intégration onglet pour afficher les intégrations disponibles. Cliquez sur l'intégration souhaitée et suivez les instructions qui s'affichent à l'écran
Note
Les utilisateurs doivent avoir Gestion gratuite des applications autorisation d'ajouter des intégrations. Si un utilisateur n'a pas cette autorisation, la section Intégration sera vide.
Le widget Advanced Forms offre une plus grande flexibilité de conception et des options de personnalisation, tandis que le widget Contact Form offre une conception plus basique et moins d'options de personnalisation.
Voici une comparaison des fonctionnalités les plus importantes :
|
Fonctionnalité |
Widget Formulaire de contact |
Widget Formulaires avancés |
|---|---|---|
|
Ajouter et organiser des widgets |
Non |
Oui Vous pouvez ajouter tous les widgets et éléments flexibles dans le conteneur Advanced Form. |
|
Champs de widget uniques |
Non |
Oui Chaque champ du formulaire avancé est un widget distinct, qui vous permet de concevoir chaque champ individuellement. |
|
Messages de réussite et d'erreur personnalisés |
Non |
Oui Rédigez et concevez des messages de réussite et d'erreur personnalisés pour les soumissions de formulaires. |
|
Formulaire en plusieurs étapes |
Non |
Oui |
|
Logique conditionnelle |
Non |
Oui |
|
Intégrations |
Oui |
|
|
Champs de formulaire disponibles |
Texte, liste déroulante, bouton radio, cases à cocher, pièce jointe, date, heure, texte long, clic pour envoyer un e-mail, numéro de téléphone, inscription, numéro et texte libre. |
Bouton radio, e-mail, texte court, texte long, inscription, numéro, numéro de téléphone, case à cocher, date, téléchargement du fichier, heure et liste déroulante. |
Pour modifier les messages du formulaire :
-
Cliquez sur le widget Formulaires avancés pour ouvrir la barre flottante, puis cliquez sur Étapes.
-
Cliquez soit Succès ou Erreur. Sur le canevas, le widget affiche désormais le texte par défaut pour le message de réussite ou d'erreur au lieu des étapes ou des champs du formulaire.
-
Cliquez sur le widget de texte qui contient le message d'erreur ou de réussite et modifiez le texte et le design comme vous le souhaitez. Vous pouvez également ajouter des widgets supplémentaires ou des colonnes intérieures dans cette vue.
Pour envoyer aux visiteurs du site une copie de leurs réponses au formulaire :
-
Cliquez sur le widget Formulaires avancés pour ouvrir la barre flottante, puis cliquez sur Réglages.
-
Développez le Notification par e-mail au visiteur du site section.
-
Activez la bascule à côté de Réponse automatique à l'expéditeur du formulaire. Configurez ensuite les champs Envoyé depuis, Objet de l'e-mail et Message électronique.
Oui Pour recevoir un e-mail lorsque le formulaire est soumis, vous devez ajouter l'adresse e-mail du destinataire souhaité dans le panneau de contenu du formulaire.
Pour envoyer un e-mail lorsqu'un visiteur soumet un formulaire :
-
Cliquez sur le widget Formulaires avancés pour ouvrir la barre flottante, puis cliquez sur Réglages.
-
Sur le Paramètres de soumission onglet, faites défiler vers le bas et développez le Notifications par e-mail au propriétaire du site section.
-
Entrez un e-mail dans le Notifier par e-mail à : champ. Si vous saisissez plusieurs e-mails, séparez-les par un espace ou cliquez sur la touche Entrée. Ou consultez le Utiliser le courrier électronique de la bibliothèque de contenu boîte pour que les soumissions de formulaires soient envoyées à l'adresse e-mail répertoriée dans la bibliothèque de contenu.
Pour masquer le titre d'un champ :
-
Cliquez sur le champ de saisie souhaité pour ouvrir la barre flottante, puis cliquez sur Contenu.
-
Cliquez sur l'icône en forme d'œil à côté du titre du champ de saisie. L'œil est barré lorsque le titre du champ est masqué.