Définir l'enchaînement des pages des formulaires web

Le formulaire peut contenir une ou plusieurs pages. Il est construit au travers d'un diagramme qui permet d'enchaîner les pages et les étapes de test, d'exécution de script, d'enregistrement et les sauts. Le mode de construction du diagramme est le même que pour un workflow.

A propos des pages précédente et suivante

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. Voir la section Insérer du contenu HTML.

Insérer un saut

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 cela, sélectionnez l'option Activité interne puis indiquez la page visée, comme ci-dessous :

  • Un autre formulaire. Pour cela, 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

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 :

    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. Vous devez ajouter dans la page un élément statique de type Lien. Voir à ce sujet la section Insérer un lien.

Conditionner l'affichage des pages

Affichage en fonction des réponses

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 ayant déjà commandé sur internet, et une autre pour ceux ayant effectué plus de dix commandes. Pour cela, dans la première page du formulaire, insérez une zone de saisie de type Nombre pour que l'utilisateur indique le nombre de commandes passées.

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

Remarque

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

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. Voir la section Paramètres d'URL de formulaire.

Ajouter des 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

Vous devez positionner une page de fin à la fin du diagramme. La page de fin est affichée lorsque l'utilisateur clique sur le bouton Valider du 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 un contenu HTML existant. Pour cela, cliquez sur le bouton Afficher le code source et insérez le code HTML.
  • Vous pouvez utiliser une URL externe : pour cela, cochez l'option correspondante et saisissez l'URL de la page à afficher.

Sur cette page