> 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/eigenschaftenbereich/interactions/open-flow-dialog.md).

# Flow-Dialog öffnen

## Übersicht

Die Interaktion „Open Flow Dialog“ startet einen Salesforce-Flow in einem modalen Dialog innerhalb der Salesforce-Experience-Cloud-Umgebung. Diese Interaktion ermöglicht es Benutzern, einen Prozess abzuschließen oder Daten einzugeben, ohne die aktuelle Seite verlassen zu müssen.

{% hint style="danger" %}

#### Anzeige von Flows in Dialogfeldern oder Panels

Wenn Sie einen Salesforce-Flow mithilfe der Funktion „Open Flow Dialog Interaction“ in einem Popup-Dialogfeld starten möchten, ist eine korrekte Einrichtung unerlässlich, um Fehler zu vermeiden. Dieselben Grundsätze gelten für die „Flow Panel Interaction“, die den Flow stattdessen in einem Seitenpanel anzeigt. Im Folgenden erläutern wir die Konfigurationsschritte, warum sie erforderlich sind, und wichtige Tipps für beide Varianten.

#### Schritte zum Konfigurieren der Anzeige eines Flows in einem Dialog oder Panel

1. **Fügen Sie den Flow zu Ihrer Experience-Cloud-Site hinzu**\
   Platzieren Sie den Flow, den Sie verwenden möchten, auf einer beliebigen Seite Ihrer Site. Es muss keine öffentliche oder sichtbare Seite sein – stellen Sie nur sicher, dass er irgendwo in der Struktur der Site hinzugefügt ist. Dadurch wird der Flow für das System zugänglich.\
   ![](/files/552ea3e30d790172822ccc2fe77b14b7f052c3d5)
2. **Veröffentlichen Sie Ihre Site**\
   Nachdem Sie den Flow hinzugefügt haben, veröffentlichen Sie die Site. Dieser Schritt registriert den Flow in Experience Cloud und ermöglicht es, dass er korrekt geladen wird, wenn er in einem Dialog oder Panel ausgelöst wird.

#### Warum ist dieses Setup notwendig?

Stellen Sie sich vor, Sie möchten ein Buch öffnen, das nicht in Ihrem Regal steht – Sie können es erst lesen, wenn es verfügbar ist. Ebenso muss Experience Cloud den Flow innerhalb des Rahmens Ihrer Site vorfinden, um ihn abzurufen und anzuzeigen. Ohne dies findet der Dialog oder das Panel den Flow nicht, was zu Ladeproblemen führt.

#### Wichtige Hinweise

* **Eine sichtbare Seite ist nicht erforderlich:** Die Seite, die den Flow hostet, muss für Benutzer nicht zugänglich oder sichtbar sein. Solange sie Teil der Site-Struktur ist, kann das System sie im Hintergrund verwenden.
* **Für die Flow-Panel-Interaktion:** Dies funktioniert auf dieselbe Weise wie der Dialog, öffnet den Flow jedoch in einem seitlich einschiebbaren Panel für eine weniger aufdringliche Benutzererfahrung. Verwenden Sie es, wenn Benutzer die Hauptseite im Blick behalten sollen, während sie mit dem Flow interagieren.
* **Fehlersuchtipp:** Wenn der Flow nicht angezeigt wird, überprüfen Sie noch einmal, ob er veröffentlicht ist, und testen Sie in einer Vorschau oder einer Live-Site-Umgebung.
  {% endhint %}

## Anleitungen

| Name                                                                                                                                                                                                                                    | Beschreibung                                                                                                                                     |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
| [**Konfigurieren Sie Open Flow Dialog, um einen Flow per Klick auf eine Schaltfläche zu öffnen**](/experience-cloud/experience-cloud-de/anleitungen/interactions/configure-the-open-flow-dialog-to-open-a-flow-by-clicking-a-button.md) | Erfahren Sie, wie Sie Salesforce-Flows mit Klicks auf Avonni-Schaltflächen auslösen und so die Benutzererfahrung in Experience Cloud verbessern. |

## Eigenschaften

| Name                                               | Beschreibung                                                                                                                                                                                                                                                                                                                |
| -------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **`API-Name des Flows`**                           | Die eindeutige Kennung des Salesforce-Flows, der gestartet werden soll.                                                                                                                                                                                                                                                     |
| **`Eingabevariable`**                              | Alle Variablen, die erforderlich sind, um den Flow mit bestimmten Datenkontexten zu starten.                                                                                                                                                                                                                                |
| **`Modalüberschrift`**                             | Der Titel, der oben im Flow-Dialog angezeigt wird.                                                                                                                                                                                                                                                                          |
| **`Barrierefreie Beschreibung`**                   | Eine kurze Beschreibung des Inhalts des Dialogs, die Kontext für Bildschirmleseprogramme bietet und die Barrierefreiheit verbessert.                                                                                                                                                                                        |
| **`Größe`**                                        | <p>Die voreingestellten Größen für das Modal:</p><ul><li><code>Klein</code>: Am besten für fokussierte Aufgaben mit wenigen Eingaben.</li><li><code>Mittel</code>: Die Standardgröße, geeignet für die meisten Flows.</li><li><code>Groß</code>: Ideal für komplexere Flows, die mehr Bildschirmfläche benötigen.</li></ul> |
| **`Fußzeile mit Schließen-Schaltfläche anzeigen`** | Ein Umschalter bestimmt, ob der Dialog eine Fußzeile mit einer Schaltfläche zum Schließen des Modals hat.                                                                                                                                                                                                                   |
| **`Bei Abschluss der Interaktion`**                | Definiert das Verhalten, nachdem der Flow erfolgreich abgeschlossen wurde.                                                                                                                                                                                                                                                  |
| **`Beim Schließen der Interaktion`**               | Definiert das Verhalten, wenn der Flow-Dialog vom Benutzer manuell geschlossen wird.                                                                                                                                                                                                                                        |
| **`Bei Fehlerinteraktion`**                        | Legt die auszuführende Aktion fest, wenn im Flow ein Fehler auftritt.                                                                                                                                                                                                                                                       |

### Tipps für Effektivität

* Stellen Sie sicher, dass der Flow intuitiv ist und alle Felder klar beschriftet sind.
* Testen Sie den Flow auf Funktionalität und Benutzererfahrung auf verschiedenen Gerätegrößen und Bildschirmauflösungen.
* Seien Sie im On-Finish-Interaction klar hinsichtlich des Ergebnisses des Flows, um die Erwartungen der Benutzer richtig zu setzen.
* Stellen Sie sicher, dass der Flow Zugriff hat, um in Experience Cloud ordnungsgemäß ausgeführt zu werden.


---

# 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/eigenschaftenbereich/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.
