Formulaires multi-étapes pour pages de destination
Divisez un long formulaire de page de destination en plusieurs étapes, chacune avec ses propres champs, afin que les utilisateurs progressent dans votre formulaire une étape à la fois. Chaque formulaire multi-étapes inclut une étape de confirmation verrouillée, de sorte que les utilisateurs voient toujours une confirmation après avoir soumis le formulaire.
Prérequis
Pour accéder au générateur de pages de destination, vous avez besoin de certaines autorisations. Si vous n’avez pas accès, demandez de l’aide à votre administrateur Braze.
Vous devez également être familiarisé avec les blocs de formulaire des pages de destination.
Fonctionnement des formulaires multi-étapes
Pour créer un formulaire multi-étapes, ajoutez une ligne Form depuis la section Layout du panneau Build. La ligne Form inclut des boutons d’action intégrés et la prise en charge multi-étapes, vous n’avez donc pas besoin d’assembler la structure de la ligne vous-même.
Vous ne pouvez ajouter qu’une seule ligne Form par page de destination. Lorsque vous la faites glisser sur votre page, elle commence avec une seule étape et une étape de confirmation verrouillée qui s’exécute après la soumission.
Étant donné que la ligne Form gère sa propre navigation multi-étapes, toutes vos étapes se trouvent dans cette unique ligne sur une seule page. Cela diffère de l’approche standard qui consiste à créer un formulaire à une seule étape et à lier son bouton Submit à une page de destination de confirmation séparée. Pour plus d’informations, consultez Étape 4 : Créer une page de confirmation.
Ajouter un formulaire multi-étapes
- Dans l’éditeur de pages de destination, accédez au panneau Build et sélectionnez Layout.
- Faites glisser la ligne Form dans votre page.
- Avec la ligne Form sélectionnée, utilisez la section Steps dans le panneau de propriétés à droite pour construire votre formulaire :
- Ajoutez des blocs de formulaire (tels que Email Capture, Phone Capture, Input Field, Dropdown, Checkbox ou Checkbox Group) à Step 1.
- Sélectionnez Add step pour créer des étapes supplémentaires, et ajoutez des blocs de formulaire à chacune d’entre elles.
Par exemple, un formulaire en trois étapes pourrait demander un nom à Step 1, un numéro de téléphone à Step 2, puis arriver à l’étape Confirmation pour remercier l’utilisateur d’avoir soumis le formulaire.
Naviguer entre les étapes pendant l’édition
Déplacez-vous entre les étapes dans l’éditeur de deux manières :
| Méthode | Comment faire |
|---|---|
| Navigateur d’étapes | Dans le canevas, utilisez le contrôle Step X of Y pour passer à l’étape précédente ou suivante. |
| Panneau des étapes | Sélectionnez la ligne Form, puis utilisez la section Steps dans le panneau de propriétés à droite pour accéder directement à une étape, y compris l’étape Confirmation. |
Gérer les étapes
Utilisez la section Steps dans le panneau de propriétés de la ligne Form pour ajouter, supprimer et réorganiser les étapes :
| Action | Comment faire |
|---|---|
| Ajouter une étape | Sélectionnez Add step. Les nouvelles étapes sont ajoutées après vos étapes existantes et avant l’étape Confirmation. |
| Supprimer une étape | Sélectionnez l’icône de corbeille à côté de l’étape que vous souhaitez supprimer. Notez que l’étape Confirmation n’a pas d’icône de corbeille et ne peut être ni supprimée ni réorganisée. Elle s’exécute toujours en dernier, après qu’un utilisateur a complété les étapes précédentes. |
| Réorganiser les étapes | Utilisez la poignée de glissement à côté d’une étape pour modifier son ordre. |
Personnaliser l’étape de confirmation
Chaque formulaire multi-étapes inclut une étape Confirmation répertoriée sous After submission dans la section Steps. Cette étape est verrouillée afin qu’elle ne puisse pas être supprimée, ce qui signifie que les utilisateurs voient toujours une expérience de confirmation après avoir soumis votre formulaire.
Bien que l’étape Confirmation ne puisse pas être supprimée, vous pouvez la personnaliser comme n’importe quelle autre étape : sélectionnez-la dans la section Steps, puis ajoutez et stylisez des blocs pour construire votre message de confirmation.
Suivre les données des formulaires partiellement complétés
Si un utilisateur quitte votre formulaire avant d’atteindre l’étape Confirmation, Braze enregistre tout de même les données des étapes qu’il a complétées dans son profil utilisateur. L’événement Submitted a Landing Page form n’est pas enregistré tant que l’utilisateur n’a pas complété toutes les étapes et atteint l’étape Confirmation.
Le reciblage et la distribution déclenchée reposent sur l’événement Submitted a Landing Page form. Un utilisateur qui soumet certaines étapes mais pas toutes est enregistré dans son profil, mais n’est pas inclus dans cet événement, même si ses données partielles ont été capturées.
Cela diffère des sondages de pages de destination, où un utilisateur qui n’atteint pas la dernière étape est suivi comme une soumission partielle.
Limitations et considérations
- Une page de destination prend en charge une seule ligne Form, de sorte que toutes vos étapes et votre étape de confirmation se trouvent dans cette unique ligne.
- Vous pouvez ajouter jusqu’à 10 étapes de collecte de données. L’étape Confirmation n’est pas comptabilisée dans cette limite.
- Chaque étape inclut un bouton par défaut dont le clic est configuré pour passer à l’étape suivante. Cette action valide et enregistre les saisies de l’étape en cours ; à la dernière étape de collecte de données, elle enregistre également l’événement Submitted a Landing Page form et passe à l’étape Confirmation. Si une étape n’est pas connectée, ajoutez un comportement au clic pour que le bouton passe à l’étape suivante. Pour plus d’informations, consultez Button dans les blocs éditeur.
- Vous n’avez pas besoin de créer ou de lier une deuxième page de destination pour servir d’expérience de confirmation, car l’étape Confirmation est intégrée dans la ligne Form.
- Si vous ne voyez pas la ligne Form sous Layout, contactez votre gestionnaire de compte Braze.