[S’applique également à la version 8]{class="badge positive" title="S’applique également à Campaign v8"}

Définir lʼenchaînement des pages des formulaires web defining-web-forms-page-sequencing

Le formulaire peut contenir une ou plusieurs pages. Il est créé à l’aide d’un diagramme qui vous permet de séquencer les pages, les tests, l’exécution de scripts, le saut de page et l’enregistrement des étapes. Le mode de conception de diagramme global est identique à celui d’un workflow Campaign.

À propos des pages précédente et suivante about-previous-page-and-next-page

Pour chaque page, il est possible de supprimer les boutons Suivant ou Précédent. Pour cela, sélectionnez la page concernée et cochez l'option Ne pas autoriser le passage à la page suivante ou Ne pas autoriser le retour à la page précédente .

Vous pouvez remplacer ces boutons par des liens. Pour plus d'informations, consultez la section Insérer du contenu HTML.

Insérer un saut inserting-a-jump

L'objet Saut permet d'accéder à une autre page ou un autre formulaire lorsque l'utilisateur clique sur le bouton Suivant.

La destination peut être :

  • Une autre page du formulaire. Pour ce faire, sélectionnez Activité interne puis spécifiez la page souhaitée, comme ci-dessous :

  • Un autre formulaire. Pour ce faire, sélectionnez l’option Explicite et indiquez le formulaire de destination.

  • La destination peut être stockée dans une variable. Dans ce cas, il suffit de la sélectionner dans la liste déroulante, comme dans l'exemple suivant :

  • L'onglet Commentaire permet de saisir des informations qui seront visibles par l'opérateur lorsqu'il clique sur l'objet dans le diagramme.

Exemple : accéder à un autre formulaire en fonction d'un paramètre de l'URL example--accessing-another-form-according-to-a-parameter-of-the-url

Dans cet exemple nous allons paramétrer un formulaire Web qui permet, à la validation, d'afficher un autre formulaire, désigné par un paramètre de l'URL. Les étapes sont les suivantes :

  1. Insérez un saut à la fin d'un formulaire : le saut remplace alors la boîte de Fin.

  2. Dans les propriétés du formulaire, ajoutez un paramètre (next) stocké dans une variable locale (next). Les variables locales sont détaillées dans la section Stocker les données dans une variable locale.

  3. Editez l'objet Saut, choisissez l'option Stockée dans une variable et sélectionnez la variable next dans la liste déroulante.

  4. L'URL de diffusion doit contenir le nom interne du formulaire de destination, par exemple :

    code language-none
    https://[myserver]/webForm/APP62?&next=APP22
    

    Ainsi, lorsque l'utilisateur clique sur le bouton Valider, le formulaire APP22 est affiché.

Vous pouvez insérer des liens vers d’autres pages du formulaire. Pour ce faire, ajoutez une Lien saisissez un élément statique dans la page. Voir à ce sujet la section Insérer un lien.

Affichage conditionnel des pages conditional-page-display

Affichage en fonction des réponses display-based-on-responses

La boîte de Test permet de conditionner l'enchaînement des pages dans un formulaire. Elle permet de définir différents embranchements en fonction du résultat d'un test. Vous pouvez ainsi afficher des pages différentes en fonction des réponses fournies par l'utilisateur.

Par exemple, vous pouvez afficher une page différente pour les clients qui ont déjà commandé en ligne, et une autre pour ceux qui ont passé plus de dix commandes. Pour cela, dans la première page du formulaire, insérez une Nombre saisissez un champ de saisie pour que l’utilisateur indique le nombre de commandes qu’il a passées.

Vous pouvez stocker cette information dans un champ de la base de données ou utiliser une variable locale, selon vos besoins.

NOTE
Les modes de stockage sont détaillés dans les champs de stockage des réponses.

Dans notre exemple, nous allons utiliser une variable :

Dans le diagramme du formulaire, insérez ensuite une boîte de test afin de définir les conditions. Pour chaque condition, un nouveau branchement sera ajouté en sortie de la boîte de test.

Cochez l'option Activer le branchement par défaut pour ajouter une transition pour les cas où aucune des conditions n'est vraie. Cette option n'est pas utile si tous les cas possibles sont couverts par les conditions définies.

Définissez ensuite l'enchaînement des pages lorsque l'une ou l'autre des conditions est vérifiée, par exemple :

Affichage en fonction des paramètres display-based-on-parameters

Vous pouvez également personnaliser l'enchaînement des pages en fonction des paramètres d'initialisation du formulaire web ou en fonction de valeurs stockées en base. Pour plus d'informations, consultez la section Paramètres d'URL de formulaire.

Ajouter des scripts adding-scripts

L'objet Script vous permet de saisir directement un script Javascript par exemple pour modifier la valeur d'un champ, récupérer des données dans la base ou appeler une API Adobe Campaign.

Personnaliser la page de fin personalizing-the-end-page

Vous devez positionner une page de fin à la fin du diagramme. La page de fin s’affiche lorsque l’utilisateur clique sur le bouton Approuver dans le formulaire Web.

Pour personnaliser cette page, double-cliquez sur l'objet Fin et saisissez le contenu de la page dans l'éditeur central.

  • Vous pouvez copier et coller le contenu du HTML existant. Pour ce faire, cliquez sur Afficher le code source et insérez le code de HTML.
  • Vous pouvez utiliser une URL externe : pour cela, cochez l'option correspondante et saisissez l'URL de la page à afficher.
recommendation-more-help
601d79c3-e613-4db3-889a-ae959cd9e3e1