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 l'éditeur, voir Comment identifier la version de l'éditeur utilisée par votre site.
Les formulaires avancés widget vous permettent de créer des formulaires personnalisés qui stimulent 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 des clients potentiels, recueillir les réactions des clients ou proposer l'inscription à un compte ou à un événement. Vous pouvez même diviser les formulaires longs ou complexes en plusieurs étapes pour une expérience de formulaire plus fluide et plus ciblée qui contribue à augmenter les taux d'achèvement.
Voici quelques avantages de l'utilisation du widget Formulaires avancés :
-
Flexibilité de la conception. Ajoutez widget 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 formulaires envoyés et configurez l'endroit où les visiteurs sont redirigés après l'envoi du formulaire.
-
Suivi des soumissions. Visualisez facilement les réponses aux formulaires dans l'éditeur et dans le tableau de bord du site.
Limites
Bien que le widget Formulaires avancés soit en cours de test, il présente plusieurs limites :
-
Les champs et le bouton d'envoi doivent rester à l'intérieur du conteneur du formulaire.
-
Le bouton de soumission ne peut être ni supprimé ni dupliqué.
Par défaut, le widget Advanced Form possède un modèle prédéfini qui inclut des messages d'erreur et de réussite. Vous pouvez personnaliser le formulaire pour répondre aux besoins de votre entreprise en ajoutant des champs de saisie, des colonnes intérieures, widget et même des pages supplémentaires pour les formulaires à plusieurs étapes.
Pour créer un formulaire avancé :
-
Recherchez Advanced Form, puis faites-le glisser sur le canevas.
-
Ajoutez des colonnes intérieures et widget selon vos besoins en les faisant glisser du panneau widget vers le formulaire.
-
Ajoutez des champs de saisie au formulaire en les glissant-déposant à partir de la section Formulaire du panneau widget. Les options de champ de saisie sont les suivantes : texte court, texte long, case à cocher, bouton radio, champ opt-in, liste déroulante, numéro de téléphone, date, heure, téléchargement de fichier, numéro et courriel.
Notez que l'apparence des champs de saisie sur votre site réel peut différer légèrement de ce que vous voyez dans l'éditeur, en fonction du navigateur utilisé pour afficher le formulaire.
-
Pour configurer un champ de saisie, cliquez sur le widget du champ pour ouvrir la barre flottante et cliquez sur Contenu. Le cas échéant, configurez le titre du champ, le texte de remplacement, 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.
TU peut créer un formulaire en plusieurs étapes, chaque étape étant sur une page distincte.
Pour ajouter des étapes :
-
Cliquez sur le widget Formulaire Avancé pour ouvrir le menu flottant et cliquez sur Étapes.
-
Cliquez sur +Ajouter étape pour chaque étape dont vous avez besoin. Faites glisser-déposer les étapes dans l’ordre souhaité.
-
Cliquez sur l’icône des trois points à côté de l’étape pour renommer, dupliquer ou supprimer l’étape. Dupliquer une étape préserve la disposition de l’étape originale, ce qui vous fait gagner du temps lors de la création de plusieurs étapes.
La logique conditionnelle permet à tu 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 if/then pour s’adapter aux réponses précédentes des utilisateurs en faisant apparaître, disparaître ou rendre des champs obligatoires.
Pour en savoir plus sur les moments où la logique conditionnelle peut être utile, voir Cas d’utilisation de la logique conditionnelle.
Notes importantes :
-
Si tu supprimes un champ qui fait partie d’une règle logique conditionnelle, la logique se cassera et la forme ne fonctionnera pas correctement. Un message d’erreur « Problème logique » apparaît également à côté de la règle.
-
Les champs ou étapes de formulaire utilisant la logique conditionnelle ne peuvent pas être dupliqués.
Pour ajouter la logique conditionnelle :
-
Cliquez sur le widget Formulaire avancé pour ouvrir le menu flottant et cliquez sur Paramètres.
-
Cliquez sur l’onglet Logique dans la fenêtre contextuelle Gérer le formulaire .
-
Clique + Ajouter règle.
-
Saisissez un nom de règle. Cela n’est visible qu’à l’interne et ne s’affiche pas aux utilisateurs du site.
-
Pour la partie IF 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 est la valeur nécessaire pour que la condition soit remplie et déclenche la partie ALORS de la règle.
*Selon le type de champ sélectionné, les conditions disponibles incluent : 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 la partie ALORS 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 : montrer, cacher, rendre optionnel, ou rendre obligatoire.
-
Cliquez sur Enregistrer.
La logique conditionnelle est un tool puissant qui permet à tu d’adapter des champs de formes en temps réel en fonction des réponses précédentes de l’utilisateur. Voici des cas d’utilisation pour divers secteurs.
Capture de prospects dans l’immobilier
Une société immobilière utilise la forme avancée pour capturer les prospects. Pour s’assurer que les agents reçoivent des prospects qualifiés, la logique conditionnelle suivante peut être ajoutée au formulaire :
-
Si « achat » est sélectionné, affichez des champs qui demandent le budget et la zone préférée.
-
Si « vendre » est sélectionné, affichez des champs qui demandent le type de propriété et la valeur estimée.
-
Si « location » est sélectionné, affichez des champs qui demandent les dates d’emménagement.
Services pour animaux de compagnie
Une entreprise proposant des services pour animaux (tels qu’un toilettage, un vétérinaire ou un dressage) permet aux clients de prendre rendez-vous via le formulaire avancé. Pour offrir une expérience plus personnalisée au client, la logique conditionnelle suivante peut être appliquée à leur formulaire :
-
Si « chien » est sélectionné comme type d’animal, affichez des champs qui demandent l’âge et le genre.
-
Si « chat » est sélectionné comme type d’animal, affichez des champs qui demandent si le chat est en intérieur ou en extérieur.
-
Si vous demandez un rendez-vous de toilettage, montrez des champs qui demandent le type de pelage de l’animal.
-
Si vous demandez un rendez-vous de formation, indiquez les champs qui posent des questions comportementales.
Dans les paramètres de soumission du formulaire, vous ajoutez un nom de formulaire, configurez les courriels envoyés au propriétaire du site et au visiteur du site qui a soumis le formulaire, et redirigez éventuellement 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 des formulaires :
-
Cliquez sur le widget Formulaires avancés pour ouvrir la barre flottante, puis cliquez sur Paramètres.
-
Dans l’onglet Paramètres de la fenêtre contextuelle Gérer le formulaire, développez les différentes sections et configurez les éléments suivants :
-
Nom du formulaire. Saisissez 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 qu'il soit facile de faire la distinction entre les formulaires lors de l'affichage des réponses.
-
Envoyé par. 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. Saisissez un objet.
-
Notifier par email à. Saisissez une adresse électronique dans ce champ. Si vous saisissez plusieurs courriels, séparez-les par un espace ou cliquez sur la touche Entrée.
-
(Facultatif) Cochez la case Utiliser l'adresse électronique de la bibliothèque de contenu pour que les formulaires soient envoyés à l'adresse électronique figurant dans la bibliothèque de contenu.
-
-
(Facultatif) Activez la case à cocher Réponse automatique à l'expéditeur du formulaire si vous souhaitez que les visiteurs du site reçoivent une copie de leurs réponses par courrier électronique. Le courriel est envoyé dès que le visiteur du site soumet le formulaire. Si cette option est activée, vous devrez configurer les champs Envoyé par, Objet de l'e-mail et Message de l'e-mail.
-
(Facultatif) Dans la section Paramètres après soumission, cliquez sur Rediriger vers une page après soumission pour sélectionner la page existante du site ou l'URL externe vers laquelle les visiteurs du site seront dirigés après la soumission. Si cette option est activée, le message de réussite est ignoré.
-
Le formulaire avancé est unique parce que vous pouvez ajouter des colonnes intérieures et widget, puis styliser chaque élément indépendamment. Pour les champs de saisie, vous pouvez modifier l'alignement, l'espacement, la taille et l'animation à partir du panneau de conception.
Par défaut, les styles de thème sont appliqués aux éléments du formulaire avancé, mais ils peuvent être remplacés par les sélections que vous effectuez dans le panneau de conception pour un élément particulier.
Pour en savoir plus sur les différentes options de conception du panneau de conception, reportez-vous à la section Conception avec Flex.
Vous pouvez visualiser les réponses du formulaire avancé dans l'éditeur ou dans le tableau de bord du site, mais les réponses ne peuvent être téléchargées qu'à partir du tableau de bord du site.
Éditeur
Pour afficher les réponses aux formulaires dans l'éditeur, cliquez sur Plus dans le panneau latéral, puis sélectionnez Paramètres. Cliquez sur l'onglet Gérer les réponses aux formulaires.
Tableau de bord du site
Pour afficher les réponses dans le tableau de bord du site, accédez à la liste des sites, puis cliquez sur l'icône du tableau de bord du site en regard du site souhaité. Dans la section Vue d'ensemble du site, cliquez sur Réponses aux formulaires. Si vous souhaitez télécharger les réponses aux formulaires, cliquez sur Exporter au format CSV.
Le widget Formulaire avancé offre une plus grande souplesse de conception et des options de personnalisation, tandis que le widget Formulaire de contact offre une conception plus basique et moins d'options de personnalisation.
Vous trouverez ci-dessous une comparaison des principales caractéristiques :
|
Fonctionnalité |
Formulaire de contact widget |
Formulaire avancé widget |
|---|---|---|
|
Ajouter et arranger widget |
Non |
Oui Vous pouvez ajouter n'importe quel élément widget et flex dans le conteneur du formulaire avancé. |
|
Champs uniques widget |
Non |
Oui Chaque champ du formulaire avancé est un widget distinct, ce 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 |
|
Champs de formulaire disponibles |
Texte, liste déroulante, bouton radio, cases à cocher, pièce jointe, date, heure, texte descriptif, cliquer sur l'e-mail, numéro de téléphone, opt-in, numéro et texte libre. |
Les options suivantes sont actuellement disponibles : bouton radio, courriel, texte court, texte long, opt-in, numéro, numéro de téléphone, case à cocher, date, téléchargement de fichier, heure et liste déroulante. |
Les formulaires à plusieurs étapes sont une excellente solution pour les formulaires complexes comportant de nombreuses questions. Au lieu de présenter aux visiteurs une longue liste de questions, chaque étape du formulaire peut contenir une ou plusieurs questions connexes, ce qui simplifie les formulaires et contribue à améliorer les taux de soumission des formulaires de prospects, des questionnaires et des demandes complexes.
Pour créer un formulaire à plusieurs étapes, cliquez sur le widget Formulaires avancés pour ouvrir le menu flottant et cliquez sur Étapes. Cliquez sur +Ajouter étape pour chaque étape à ajouter. Notez qu’un bouton « retour » est ajouté par défaut si vous avez plus de 2 étapes.
Cliquez sur l’icône des trois points à côté de l’étape pour renommer, dupliquer ou supprimer l’étape. Dupliquer l’étape préserve la mise en page de la page originale, ce qui vous fait gagner du temps lors de la création de plusieurs pages.
Pour modifier les messages du formulaire :
-
Cliquez sur le widget Formulaire Avancé pour ouvrir la barre flottante, puis cliquez sur Étapes.
-
Cliquez sur Succès ou Erreur. Sur la toile, 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 colonnes intérieures ou widget dans cette vue.
Envoyer aux visiteurs du site une copie de leurs réponses au formulaire :
-
Cliquez sur le widget de formulaire Avancé pour ouvrir la barre flottante, puis cliquez sur Paramètres.
-
Développez la notification par e-mail à la section Visiteurs.
-
Activez la case à cocher à côté de Réponse automatique à l'expéditeur du formulaire. Vous devrez configurer les champs Envoyé par, Objet de l'e-mail et Message de l'e-mail.
Oui. Pour recevoir un courriel lorsque le formulaire est soumis, vous devez ajouter l'adresse électronique du destinataire souhaité dans le panneau de contenu du formulaire.
Pour envoyer un courriel lorsqu'un visiteur soumet un formulaire :
-
Cliquez sur le widget de formulaire Avancé pour ouvrir la barre flottante, puis cliquez sur Paramètres.
-
Dans l’onglet Paramètres de soumission, faites défiler vers le bas et développez la section Notifications par email jusqu’à la section Propriétaire du site .
-
Saisissez un courriel dans le champ Notifier par courriel à :. Si vous saisissez plusieurs courriels, séparez-les par un espace ou cliquez sur la touche Entrée. Vous pouvez également cocher la case Utiliser l'adresse électronique de la bibliothèque de contenu pour que les formulaires soient envoyés à l'adresse électronique figurant dans la bibliothèque de contenu.
Pour masquer le titre d'un champ :
-
Cliquez sur le champ souhaité pour ouvrir la barre flottante, puis cliquez sur Contenu.
-
Cliquez sur l'icône représentant un œil à côté du titre du champ. L'œil devient barré lorsque le titre du champ est masqué.