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

# Konfigurieren Sie Open Flow Dialog, um einen Flow per Klick auf eine Schaltfläche zu öffnen

## Übersicht

Dieses Tutorial führt Sie durch die Konfiguration des [Flow-Dialog öffnen](/experience-cloud/experience-cloud-de/eigenschaftenbereich/interactions/open-flow-dialog.md) um einen Salesforce-Flow zu starten, wenn ein Benutzer auf eine Avonni-Button-Komponente auf Ihrer Salesforce Experience Cloud-Site klickt. Der Flow kann mit verschiedenen [Avonni-Komponenten für Flows](https://docs.avonnicomponents.com/flow/), und bietet so eine nahtlose und integrierte Benutzererfahrung.

{% hint style="danger" %}
**Flows in Dialogfeldern anzeigen**

Wenn Sie die Funktion "Open Flow Dialog Interaction" verwenden, um einen Flow in einem Dialogfeld anzuzeigen, ist es wichtig sicherzustellen, dass der Flow korrekt konfiguriert ist. Hier ist der entscheidende Punkt:

* **Platzieren Sie den Flow auf Ihrer Site:** Der Flow, den Sie anzeigen möchten, muss zu Ihrer Experience Cloud-Site hinzugefügt werden. Sie können ihn zu jeder Seite hinzufügen, selbst wenn diese Seite für Besucher nicht zugänglich ist.

<img src="/files/552ea3e30d790172822ccc2fe77b14b7f052c3d5" alt="" data-size="original">

* **Veröffentlichen Sie Ihre Site:** Sobald der Flow zu Ihrer Site hinzugefügt wurde, veröffentlichen Sie die Site. Dadurch kann das System den Flow beim Öffnen des Dialogfelds finden und laden.

**Warum ist das notwendig?**

Stellen Sie es sich so vor: Sie können nichts in einem Dialogfeld anzeigen, wenn es nicht irgendwo auf Ihrer Site vorhanden ist. Wenn Sie den Flow zu Ihrer Site hinzufügen, steht er Experience Cloud bei Bedarf zur Verfügung.

**Wichtiger Hinweis**

Der Flow muss sich nicht auf einer sichtbaren Seite befinden, er muss jedoch irgendwo innerhalb der Struktur Ihrer Site vorhanden sein. Dadurch wird sichergestellt, dass der Flow korrekt geladen wird, wenn das Dialogfeld ausgelöst wird.
{% endhint %}

{% hint style="warning" %}
Stellen Sie sicher, dass Sie Ihren Flow so eingerichtet haben, dass Gastbenutzer Zugriff erhalten, wenn Ihre Sites für Gastbenutzer zugänglich sind.
{% endhint %}

## Interaktiver Schritt-für-Schritt-Konfigurationsleitfaden

{% @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-de/anleitungen/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.
