> 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

## 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 quitter la page actuelle.

{% 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 correcte 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 principaux conseils pour les deux.

#### É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. Elle n’a pas besoin d’être publique ou visible — assurez-vous simplement qu’elle est ajoutée 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 pouvoir 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 visible tout en interagissant avec le flux.
* **Conseil de dépannage :** Si le flux n’apparaît pas, vérifiez qu’il est bien publié et testez-le dans un environnement d’aperçu ou sur le site en ligne.
  {% endhint %}

## Tutoriels

| Nom                                                                                                                                                                                                                 | Description                                                                                                                                    |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- |
| [**Configurer 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 par des clics sur le bouton Avonni, afin d’améliorer l’expérience utilisateur dans Experience Cloud. |

## Propriétés

| Nom                                                  | Description                                                                                                                                                                                                                                                                                                                                 |
| ---------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **`Nom d’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 fenêtre 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 fenêtre modale :</p><ul><li><code>Petit</code>: Idéal pour les tâches ciblées avec peu de saisies.</li><li><code>Moyen</code>: La taille par défaut, adaptée à la plupart des flux.</li><li><code>Grand</code>: Idéal pour les flux plus complexes qui nécessitent davantage d’espace à l’écran.</li></ul> |
| **`Afficher le pied de page avec le bouton Fermer`** | Un interrupteur détermine si la boîte de dialogue comporte un pied de page avec un bouton pour fermer la fenêtre modale.                                                                                                                                                                                                                    |
| **`À la fin de l’interaction`**                      | Définit le comportement après la réussite de l’exécution du flux.                                                                                                                                                                                                                                                                           |
| **`À la fermeture de l’interaction`**                | Définit le comportement lorsque la boîte de dialogue du flux est fermée manuellement par l’utilisateur.                                                                                                                                                                                                                                     |
| **`En cas d’erreur de l’interaction`**               | Spécifie l’action à entreprendre si une erreur survient dans le flux.                                                                                                                                                                                                                                                                       |

### Conseils pour une utilisation efficace

* Assurez-vous que le flux est intuitif et que tous les champs sont clairement étiqueté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’action À la fin de l’interaction afin de définir des attentes appropriées pour l’utilisateur.
* Assurez-vous que le flux dispose des accès nécessaires pour s’exécuter correctement dans 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.
