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.
-
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.
-
(Facultatif) Si vous créez un formulaire en plusieurs étapes, cliquez sur widget pour ouvrir le menu flottant et cliquez sur Gérer le formulaire. Cliquez sur l'onglet Contenu, puis sur +Ajouter une page. Cliquez sur l'icône à trois points située à côté de la page pour la renommer, la dupliquer ou la supprimer. La duplication de la page conserve la mise en page de la page originale, ce qui vous permet de gagner du temps lors de la création de plusieurs pages.
-
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.
-
Cliquez sur le widget Bouton de soumission pour ouvrir la barre flottante. Cliquez sur Gérer le bouton et saisissez le texte que vous souhaitez afficher sur le bouton.
-
Cliquez sur le widget Advanced Form pour ouvrir la barre flottante, puis cliquez sur Manage Form. Dans l'onglet Gérer les étapes du menu contextuel, vous pouvez accéder aux écrans de messages de réussite et d'erreur en cliquant sur Réussite ou Erreur. Configurez ces écrans en mettant à jour le texte par défaut et en ajoutant des colonnes intérieures et widget comme vous le souhaitez.
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 Gérer le formulaire pour ouvrir le menu contextuel.
-
Dans l'onglet Paramètres du menu contextuel, 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 |
Prochainement Les formulaires avancés prennent en charge la logique conditionnelle pour les étapes et les champs. |
|
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 Gérer le formulaire. Cliquez sur l'onglet Contenu, puis sur +Ajouter une page. Notez qu'un bouton "retour" est ajouté par défaut si vous avez plus de 2 pages.
Cliquez sur l'icône à trois points située à côté de la page pour la renommer, la dupliquer ou la supprimer. La duplication de la page conserve la mise en page de la page originale, 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 Manage Form.
-
Cliquez sur l'onglet Contenu, puis sur Réussite 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.
Oui, vous pouvez activer ce paramètre dans l'onglet Paramètres de soumission du menu contextuel du formulaire avancé widget.
Envoyer aux visiteurs du site une copie de leurs réponses au formulaire :
-
Cliquez sur le widget Formulaire avancé pour ouvrir la barre flottante, puis cliquez sur Gérer le formulaire.
-
Dans l'onglet Paramètres de soumission, faites défiler vers le bas et développez la section Paramètres de messagerie.
-
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 Formulaire avancé pour ouvrir la barre flottante, puis cliquez sur Gérer le formulaire.
-
Dans l'onglet Paramètres de soumission, faites défiler vers le bas et développez la section Paramètres de messagerie.
-
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é.