> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-fr/panneau-des-proprietes/interactions/open-flow-dialog.md).

# Ouvrir la boîte de dialogue Flow

Lancez un flux Salesforce dans une boîte de dialogue modale afin que les utilisateurs puissent terminer un processus ou saisir des données sans quitter la page actuelle.

## Aperçu

L'interaction Open Flow Dialog lance un flux Salesforce dans une boîte de dialogue modale au sein de l'environnement Salesforce Experience Cloud. Cette interaction permet aux utilisateurs de terminer un processus ou de saisir des données sans avoir à quitter la page actuelle.

## Configuration

{% hint style="danger" %}

#### Affichage des flux dans des boîtes de dialogue ou des panneaux

Lorsque vous souhaitez lancer un flux Salesforce dans une boîte de dialogue contextuelle à l'aide de la fonctionnalité « Open Flow Dialog Interaction », une configuration appropriée est essentielle pour éviter les erreurs. Les mêmes principes s'appliquent à « Flow Panel Interaction », qui affiche le flux dans un panneau latéral au lieu d'une boîte de dialogue. Ci-dessous, nous expliquerons les étapes de configuration, pourquoi elles sont nécessaires et les conseils clés pour les deux cas.

#### Étapes pour configurer un flux pour l'affichage dans une boîte de dialogue ou un panneau

1. **Ajoutez 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 qu'il s'agisse d'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.\
   ![](/files/61e61e89b63ee0659ea758f13b1f0d49ca8cb061)
2. **Publiez votre site**\
   Après avoir ajouté le flux, publiez le site. Cette étape enregistre le flux dans Experience Cloud, ce qui lui permet de se charger correctement lorsqu'il est déclenché dans une boîte de dialogue ou un panneau.

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

Imaginez que vous essayez 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 même, Experience Cloud a besoin que le flux existe dans le cadre de votre site pour le récupérer et l'afficher. Sans cela, la boîte de 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 qui héberge le flux n'a pas besoin d'être accessible ou visible pour les utilisateurs. Tant qu'elle fait partie de la structure du site, le système peut l'utiliser en arrière-plan.
* **Pour l'interaction Flow Panel :** Cela fonctionne de la même manière que la boîte de 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 à l'écran tout en interagissant avec le flux.
* **Astuce de dépannage :** Si le flux n'apparaît pas, vérifiez qu'il est bien publié et testez-le dans un environnement de prévisualisation ou de site en direct.
  {% endhint %}

| Nom                                                                     | Description                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| ----------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **`Nom API du flux`**                                                   | L'identifiant unique du flux Salesforce à lancer.                                                                                                                                                                                                                                                                                                                                                                                                  |
| **`Variable d'entrée`**                                                 | Toutes les variables nécessaires pour lancer le flux avec des contextes de données spécifiques.                                                                                                                                                                                                                                                                                                                                                    |
| **`En-tête de la modale`**                                              | Le titre affiché en haut de la boîte de dialogue du flux.                                                                                                                                                                                                                                                                                                                                                                                          |
| **`Description accessible`**                                            | Une courte description du contenu de la boîte de dialogue, fournissant un contexte aux lecteurs d'écran et améliorant l'accessibilité.                                                                                                                                                                                                                                                                                                             |
| **`Taille`**                                                            | <p>Les tailles prédéfinies de la modale :</p><ul><li><code>Petite</code>: Idéal pour les tâches ciblées avec peu de saisies.</li><li><code>Moyenne</code>: La taille par défaut, adaptée à la plupart des flux.</li><li><code>Grande</code>: Idéal pour les flux plus complexes qui nécessitent davantage d'espace à l'écran.</li><li><code>Pleine</code>: Une boîte de dialogue en plein écran pour les expériences les plus complexes.</li></ul> |
| **`Afficher le pied de page de la modale avec un bouton de fermeture`** | Un bouton bascule détermine si la boîte de dialogue comporte un pied de page avec un bouton pour fermer la modale.                                                                                                                                                                                                                                                                                                                                 |
| **`Libellé du bouton Fermer`**                                          | Le libellé du bouton de fermeture du pied de page. Disponible lorsque « Afficher le pied de page de la modale avec un bouton de fermeture » est activé ; utilisez-le pour adapter le texte (par exemple Fermer, Annuler ou Terminé).                                                                                                                                                                                                               |
| **`Interaction à la fin`**                                              | Définit le comportement une fois le flux terminé avec succès.                                                                                                                                                                                                                                                                                                                                                                                      |
| **`Interaction à la fermeture`**                                        | Définit le comportement lorsque la boîte de dialogue du flux est fermée manuellement par l'utilisateur.                                                                                                                                                                                                                                                                                                                                            |
| **`Interaction en cas d'erreur`**                                       | Spécifie l'action à entreprendre si une erreur se produit dans le flux.                                                                                                                                                                                                                                                                                                                                                                            |

## Exemple

| Nom                                                                                                                                                                                                                 | Description                                                                                                                                     |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- |
| [**Configurez Open Flow Dialog pour ouvrir un flux en cliquant sur un bouton**](/experience-cloud/experience-cloud-fr/tutoriels/interactions/configure-the-open-flow-dialog-to-open-a-flow-by-clicking-a-button.md) | Apprenez à déclencher des flux Salesforce avec des clics sur le bouton Avonni, afin d'améliorer l'expérience utilisateur dans Experience Cloud. |

## Points importants à prendre en compte

* Assurez-vous que le flux soit intuitif et que tous les champs soient clairement libellés.
* Testez le flux en termes de fonctionnalité et d'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 afin de définir des attentes appropriées pour les utilisateurs.
* Assurez-vous que le flux dispose des accès nécessaires pour fonctionner correctement sur Experience Cloud.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-fr/panneau-des-proprietes/interactions/open-flow-dialog.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
