# Ouvrir la boîte de dialogue de flux

## Aperçu

L’interaction Ouvrir le dialogue de flux lance un flux Salesforce dans une boîte de dialogue modale au sein de l’environnement Salesforce Experience Cloud. Cette interaction permet aux utilisateurs d’exécuter un processus ou de saisir des données sans avoir à quitter la page en cours.

{% hint style="danger" %}

#### Afficher les flux dans des boîtes de dialogue ou des panneaux

Lorsque vous souhaitez lancer un flux Salesforce dans une fenêtre contextuelle à l’aide de la fonctionnalité « Ouvrir le dialogue de flux », une configuration appropriée est essentielle pour éviter les erreurs. Les mêmes principes s’appliquent à l’« Interaction panneau de flux », laquelle affiche le flux dans un panneau latéral plutôt que dans une boîte de dialogue. Ci‑dessous, nous expliquons les étapes de configuration, pourquoi elles sont nécessaires et des conseils clés pour les deux.

#### Étapes pour configurer un flux pour l’affichage en dialogue ou en panneau

1. **Ajouter le flux à votre site Experience Cloud**\
   Placez le flux que vous souhaitez utiliser sur n’importe quelle page de votre site. Il n’est pas nécessaire que ce soit une page publique ou visible — assurez‑vous simplement qu’il est ajouté quelque part dans la structure du site. Cela rend le flux accessible au système.\
   ![](https://3803934262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FZpbqSjaaLc7Atba96UyJ%2F2024-10-30_16-42-48.png?alt=media\&token=b9800702-25c7-424d-b85a-d49a030ca791)
2. **Publier votre site**\
   Après avoir ajouté le flux, publiez le site. Cette étape enregistre le flux dans Experience Cloud, lui permettant de se charger correctement lorsqu’il est déclenché dans un dialogue ou un panneau.

#### Pourquoi cette configuration est‑elle nécessaire ?

Imaginez que vous essayiez d’ouvrir un livre qui n’est pas sur votre étagère — vous ne pouvez pas le lire tant qu’il n’est pas disponible. De la même manière, Experience Cloud a besoin que le flux existe dans le cadre de votre site pour pouvoir le récupérer et l’afficher. Sans cela, le dialogue ou le panneau ne trouvera pas le flux, ce qui entraînera des problèmes de chargement.

#### Remarques importantes

* **La visibilité n’est pas requise :** La page hébergeant le flux n’a pas besoin d’être accessible ou visible aux utilisateurs. Tant qu’elle fait partie de la structure du site, le système peut l’utiliser en arrière‑plan.
* **Pour l’Interaction panneau de flux :** Cela fonctionne de la même manière que le dialogue mais ouvre le flux dans un panneau latéral coulissant pour une expérience moins intrusive. Utilisez‑le lorsque vous souhaitez que les utilisateurs gardent la page principale visible tout en interagissant avec le flux.
* **Astuce de dépannage :** Si le flux n’apparaît pas, vérifiez que celui‑ci est publié et testez dans un environnement d’aperçu ou sur le site en ligne.
  {% endhint %}

## Tutoriels

| Nom                                                                                                                                                                                                                                                                                        | Description                                                                                                                                 |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------- |
| [**Configurer l’ouverture du dialogue de flux pour ouvrir un flux en cliquant sur un bouton**](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-fr/tutoriels/interactions/configurer-ouvrir-la-boite-de-dialogue-de-flux-pour-ouvrir-un-flux-en-cliquant-sur-un-bouton) | Apprenez à déclencher des flux Salesforce avec des clics sur des boutons Avonni, améliorant l’expérience utilisateur dans Experience Cloud. |

## Propriétés

| Nom                                                     | Description                                                                                                                                                                                                                                                                                                                                   |
| ------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **`Nom API du flux`**                                   | L’identifiant unique du flux Salesforce à lancer.                                                                                                                                                                                                                                                                                             |
| **`Variable d’entrée`**                                 | Toutes les variables nécessaires pour initier le flux avec des contextes de données spécifiques.                                                                                                                                                                                                                                              |
| **`En‑tête modal`**                                     | Le titre affiché en haut de la boîte de dialogue du flux.                                                                                                                                                                                                                                                                                     |
| **`Description accessible`**                            | Une brève description du contenu du dialogue, fournissant un contexte pour les lecteurs d’écran et améliorant l’accessibilité.                                                                                                                                                                                                                |
| **`Taille`**                                            | <p>Les tailles pré‑définies pour la fenêtre modale :</p><ul><li><code>Petit</code>: Idéal pour les tâches ciblées avec des champs limités.</li><li><code>Moyen</code>: La taille par défaut, adaptée à la plupart des flux.</li><li><code>Grand</code>: Idéal pour des flux plus complexes qui nécessitent plus d’espace à l’écran.</li></ul> |
| **`Afficher le pied de page avec bouton de fermeture`** | Un commutateur détermine si le dialogue possède un pied de page avec un bouton pour fermer la modale.                                                                                                                                                                                                                                         |
| **`Interaction à la fin`**                              | Définit le comportement après la réussite du flux.                                                                                                                                                                                                                                                                                            |
| **`Interaction à la fermeture`**                        | Définit le comportement lorsque l’utilisateur ferme manuellement la boîte de dialogue du flux.                                                                                                                                                                                                                                                |
| **`Interaction en cas d’erreur`**                       | Spécifie l’action à effectuer si une erreur survient dans le flux.                                                                                                                                                                                                                                                                            |

### Conseils pour l’efficacité

* Assurez‑vous que le flux est intuitif et que tous les champs sont clairement étiquetés.
* Testez le flux pour sa fonctionnalité et l’expérience utilisateur sur différentes tailles d’appareils et résolutions d’écran.
* Soyez clair sur le résultat du flux dans l’Interaction à la fin pour fixer des attentes appropriées aux utilisateurs.
* Assurez‑vous que le flux dispose des autorisations nécessaires pour s’exécuter correctement sur Experience Cloud.
