Remarque
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 de s'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
Voici les limitations actuelles :
-
Les champs d’entrée et le bouton de soumission doivent rester à l’intérieur du conteneur du formulaire.
-
Le bouton de soumission ne peut être ni supprimé ni dupliqué.
Pour une présentation rapide et une démonstration du widget Advanced Forms, regardez la vidéo suivante :
Lors de la création d’un formulaire avancé, tu peut personnaliser le design avec des colonnes intérieures et widget, puis personnaliser la fonctionnalité avec des champs d’entrée, des étapes et une logique conditionnelle.
Pour créer un formulaire avancé :
-
Cherchez des formulaires avancés, puis glissez-le sur la toile.
-
Glisser-déposer les colonnes intérieures et widget depuis le panneau Element selon les besoins pour obtenir le design souhaité.
-
Glisser-déposer les champs d’entrée dans tu form depuis la section Form du panneau Éléments.
Champs de saisie disponibles : texte court, texte long, case à cocher, bouton radio, champ d’inscription, menu déroulant, numéro de téléphone, date, heure, téléchargement de fichier, numéro et email.
-
Cliquez sur un champ de saisie pour ouvrir la barre flottante, puis cliquez sur Contenu. Selon le cas, configurez le titre du champ, le texte de placeholder, les options, et si le champ est nécessaire pour soumettre le formulaire. Répétez pour chaque champ tu ajouté au formulaire.
-
(Optionnel) Ajoutez des étapes au formulaire tu en suivant les instructions dans la section Ajouter des étapes à une section de formulaire avancé . Notez que chaque étape est placée sur une nouvelle page à l’intérieur du formulaire.
-
(Optionnel) Ajoutez la logique conditionnelle à la forme tu en suivant les instructions de la section Ajouter la logique conditionnelle à une section de forme avancée .
-
Configurez les paramètres des soumissions de formulaires en suivant les instructions dans les paramètres Configurer la soumission pour une section de formulaire avancé .
TU peut créer un formulaire à 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 sur +Add Step 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 située à côté de l'étape pour la renommer, la dupliquer ou la supprimer. La duplication d'une étape conserve la disposition de l'étape originale, ce qui vous permet de gagner du temps lors de la création de plusieurs étapes.
La logique conditionnelle vous permet de définir des règles qui contrôlent le comportement d'un formulaire en fonction des données saisies par l'utilisateur. Le formulaire utilise la logique "si/alors" pour s'adapter aux réponses précédentes de l'utilisateur en faisant apparaître, disparaître ou rendre obligatoires des champs.
Pour en savoir plus sur les cas 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 une logique conditionnelle :
-
Cliquez sur le widget Formulaires avancés pour ouvrir le menu flottant, puis cliquez sur Paramètres.
-
Cliquez sur l’onglet Logique dans la boîte de dialogue Gérer le formulaire .
-
Cliquez sur + Add Rule.
-
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 du formulaire, la manière dont la condition* est définie et, le cas échéant, la valeur nécessaire pour que la condition soit remplie et déclenche la partie THEN de la règle.
*En fonction du 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 la partie THEN 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 du formulaire auquel l'action s'applique.
*Les actions disponibles sont les suivantes : afficher, masquer, rendre facultatif ou rendre obligatoire.
-
Cliquez Enregistrer.
La logique conditionnelle est un puissant outil tool qui vous permet d'adapter les champs du 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 différentes industries.
Captation de prospects dans le secteur immobilier
Une société immobilière utilise un formulaire avancé pour capter 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 l'option « "» (achat d'une maison) sur" est sélectionnée, affichez les champs relatifs au budget et à la zone de prédilection.
-
" Si l'option « Vente d'"s » ( selling) est sélectionnée, affichez les champs demandant le type de bien immobilier 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 (comme un toilettage, un vétérinaire ou un dressage) 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, 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, affichez les champs qui demandent le type de pelage de l'animal.
-
Si vous demandez un rendez-vous de formation, montrez les champs qui demandent des informations sur les problèmes de comportement.
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 :
-
Cliquez sur le widget Formulaires avancés pour ouvrir la barre flottante, puis cliquez sur Paramètres.
-
Dans l’onglet Paramètres de la boîte de dialogue 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é de. Tape un nom. Par défaut, ce champ affiche le nom de votre entreprise ou le domaine du site.
-
Objet de l’email. Entrez une ligne d’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.
-
(Optionnel) Dans la section Paramètres après soumission , cliquez sur Rediriger vers une page après la soumission pour sélectionner la page existante du site ou l’URL externe vers laquelle les visiteurs sont dirigés après la soumission. Si c’est activé, le message de réussite saute.
-
TU peut consulter les soumissions de formulaires dans l’éditeur ou dans le tableau de bord du projet, cependant les réponses aux formulaires ne peuvent être téléchargées que depuis le tableau de bord du projet.
Éditeur
Pour voir les soumissions de formulaires dans l’éditeur, cliquez sur Plus dans le panneau latéral, puis sélectionnez Paramètres (Paramètres). Cliquez sur l’onglet Gérer les réponses du formulaire .
Tableau de bord du projet
Pour voir les réponses dans le tableau de bord du projet, allez à la liste du site du projet, puis cliquez sur l’icône du tableau de bord du projet à côté du site souhaité. Dans la section Aperçu du projet , cliquez sur Réponses du formulaire. Si vous devez télécharger des réponses au formulaire, cliquez sur Exporter en CSV.
Le widget Advanced Forms propose actuellement des intégrations avec Zapier, Google, MailChimp, HubSpot, Albato et ActiveCampaign.
Pour voir les intégrations disponibles, cliquez sur le widget Formulaires avancés pour ouvrir le menu flottant, puis cliquez sur Paramètres. Cliquez sur l’onglet Intégration pour voir les intégrations disponibles. Cliquez sur l’intégration souhaitée et suivez les instructions à l’écran.
Remarque
Les utilisateurs doivent disposer de la permission de gestion d’applications gratuite pour ajouter des intégrations. Si un utilisateur n’a pas cette permission, la section Intégration sera vide.
Le widget Formulaires Avancés offre une plus grande flexibilité de conception et des options de personnalisation, tandis que le widget Formulaire de contact propose un design plus basique et moins d’options de personnalisation.
Vous trouverez ci-dessous une comparaison des principales caractéristiques :
|
Fonctionnalité |
Formulaire de contact widget |
Formulaires avancés 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 |
|
Intégrations |
Oui. Consultez les intégrations disponibles. |
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. |
Bouton radio, email, texte court, texte long, inscription d’inscription, numéro, numéro de téléphone, case à cocher, date, téléchargement de fichier, heure et menu déroulant. |
Pour modifier les messages du formulaire :
-
Cliquez sur le widget Formulaires avancés pour ouvrir la barre flottante, puis cliquez sur Étapes.
-
Cliquez sur Succès ou Erreur. Sur le canevas, le widget affiche désormais le texte par défaut du 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 Formulaires avancés pour ouvrir la barre flottante, puis cliquez sur Paramètres.
-
Développez la section Notification par courriel aux visiteurs du site.
-
Activez la fonction basculante à côté d’Auto-réponse pour former submitter. Ensuite, configurez les champs Envoyé de, Objet de l’adresse de l’e-mail et du 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 Formulaires avancés 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 d’entrée souhaité pour ouvrir la barre flottante, puis cliquez sur Contenu.
-
Cliquez sur l’icône œil à côté du titre du champ d’entrée. L’œil est barré lorsque le titre du champ est caché.