> 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/tutoriels/interactions/configure-the-open-flow-dialog-to-open-a-flow-by-clicking-a-button.md).

# Configurer Open Flow Dialog pour ouvrir un flux en cliquant sur un bouton

## Aperçu

Ce tutoriel vous guide dans la configuration de la [Ouvrir la boîte de dialogue Flow](/experience-cloud/experience-cloud-fr/panneau-des-proprietes/interactions/open-flow-dialog.md) pour lancer un flux Salesforce lorsqu’un utilisateur clique sur un composant Avonni Button sur votre site Salesforce Experience Cloud. Le flux peut être créé et enrichi à l’aide de divers [Composants Avonni pour les flux](https://docs.avonnicomponents.com/flow/), offrant une expérience utilisateur fluide et intégrée.

{% hint style="danger" %}
**Affichage des flux dans des boîtes de dialogue**

Lorsque vous utilisez la fonctionnalité « Open Flow Dialog Interaction » pour afficher un flux dans une boîte de dialogue, il est important de vous assurer que le flux est configuré correctement. Voici l’élément clé :

* **Placez le flux sur votre site :** Le flux que vous souhaitez afficher doit être ajouté à votre site Experience Cloud. Vous pouvez l’ajouter à n’importe quelle page, même si cette page n’est pas accessible aux visiteurs.

<img src="/files/61e61e89b63ee0659ea758f13b1f0d49ca8cb061" alt="" data-size="original">

* **Publiez votre site :** Une fois le flux ajouté à votre site, publiez le site. Cela permet au système de localiser et de charger le flux lors de l’ouverture de la boîte de dialogue.

**Pourquoi est-ce nécessaire ?**

Voyez les choses ainsi : vous ne pouvez pas afficher quelque chose dans une boîte de dialogue si cela n’existe nulle part sur votre site. L’ajout du flux à votre site le rend disponible pour qu’Experience Cloud l’utilise lorsque c’est nécessaire.

**Remarque importante**

Le flux n’a pas besoin d’être sur une page visible, mais il doit être présent quelque part dans la structure de votre site. Cela garantit que le flux est chargé correctement lorsque la boîte de dialogue est déclenchée.
{% endhint %}

{% hint style="warning" %}
Assurez-vous d’avoir configuré votre flux pour autoriser l’accès des utilisateurs invités si vos sites sont accessibles aux utilisateurs invités.
{% endhint %}

## Guide de configuration interactif étape par étape

{% @arcade/embed url="<https://app.arcade.software/share/Cxu0lBJkIxDxiNFlZr0U>" flowId="Cxu0lBJkIxDxiNFlZr0U" %}


---

# 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/tutoriels/interactions/configure-the-open-flow-dialog-to-open-a-flow-by-clicking-a-button.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.