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.
-
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é.
Pour une présentation rapide et une démonstration du widget Advanced Forms, regardez la vidéo suivante :
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.
Vous pouvez créer un formulaire en plusieurs étapes, chaque étape se trouvant sur une page distincte.
Pour ajouter des étapes :
-
Cliquez sur le widget Advanced Form pour ouvrir le menu flottant et cliquez sur Steps.
-
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 ajouter une logique conditionnelle :
-
Cliquez sur le widget Advanced Form pour ouvrir le menu flottant et cliquez sur Settings.
-
Cliquez sur l'onglet Logique dans la fenêtre contextuelle Gérer le formulaire.
-
Cliquez sur + Add Rule.
-
Saisissez un nom de règle. Elle n'est visible qu'en interne et ne s'affiche pas pour les utilisateurs du site.
-
Utilisez le menu déroulant IF pour sélectionner le champ et la condition. Si nécessaire, ajoutez la valeur de la condition.
-
Utilisez le menu déroulant THEN pour sélectionner l'action qui se produit lorsque la condition IF est remplie.
-
Cliquez Enregistrer.
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 Advanced Forms offre actuellement des intégrations avec Zapier, Google, MailChimp, HubSpot, Albato et ActiveCampaign. Nous nous efforçons d'ajouter d'autres intégrations à l'avenir.
Pour afficher les intégrations, cliquez sur le widget Advanced Form pour ouvrir le menu flottant et cliquez sur Settings. Cliquez sur l'onglet Intégration pour afficher les intégrations disponibles. Cliquez sur l'intégration souhaitée et suivez les instructions à l'écran.
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 |
|
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. |
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 une é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 à trois points située à côté de l'étape pour la renommer, la dupliquer ou la supprimer. La duplication de l'étape conserve la mise en page de la page d'origine, ce qui vous permet de gagner du temps lors de la création de plusieurs pages.
Pour modifier les messages du formulaire :
-
Cliquez sur le widget Advanced Form pour ouvrir la barre flottante, puis cliquez sur Steps.
-
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 Advanced form pour ouvrir la barre flottante, puis cliquez sur Settings.
-
Développez la section Notification par courriel aux visiteurs du site.
-
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 Advanced form pour ouvrir la barre flottante, puis cliquez sur Settings.
-
Dans l'onglet Paramètres de soumission, faites défiler vers le bas et développez la section Notifications par courriel au 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é.