> 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

Starten Sie einen Salesforce-Flow in einem modalen Dialogfeld, damit Benutzer einen Prozess abschließen oder Daten eingeben können, ohne die aktuelle Seite zu verlassen.

## Überblick

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.

## Konfiguration

{% hint style="danger" %}

#### Anzeige von Flows in Dialogfeldern oder Panels

Wenn Sie einen Salesforce-Flow mithilfe der Funktion „Open Flow Dialog Interaction“ in einem Pop-up-Dialogfeld öffnen möchten, ist eine korrekte Einrichtung unerlässlich, um Fehler zu vermeiden. Die gleichen Grundsätze gelten für die „Flow Panel Interaction“, die den Flow statt in einem Dialog in einem seitlichen Panel anzeigt. Im Folgenden erklären wir die Konfigurationsschritte, warum sie erforderlich sind, und wichtige Tipps für beide.

#### Schritte zum Konfigurieren eines Flows für die Anzeige im 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.\
   ![](https://4175360472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2Fgit-blob-81a1cb7bdb1c4b002c0cc75c48226dfa66ff6d23%2F2024-10-30_16-42-48.png?alt=media)
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 ihm, beim Auslösen in einem Dialog oder Panel korrekt geladen zu werden.

#### Warum ist dieses Setup notwendig?

Stellen Sie sich vor, Sie versuchen, ein Buch zu öffnen, das nicht in Ihrem Regal steht – Sie können es erst lesen, wenn es verfügbar ist. Ebenso muss Experience Cloud vorhanden sein, damit der Flow innerhalb des Rahmens Ihrer Site abgerufen und angezeigt werden kann. Ohne dies findet der Dialog oder das Panel den Flow nicht, was zu Ladeproblemen führt.

#### Wichtige Hinweise

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

| Name                                                    | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| ------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **`API-Name`**                                          | Die eindeutige Kennung des Salesforce-Flows, der gestartet werden soll.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| **`Eingabevariablen`**                                  | <p>Optionale Variablen, die vor dem Start in den Flow übergeben werden und dem Flow die erforderlichen Anfangswerte oder den erforderlichen Kontext bereitstellen. Jede Variable definiert:</p><ul><li><strong>Name</strong>: Den API-Namen der Flow-Eingabevariable, die festgelegt werden soll.</li><li><strong>Wert</strong>: Der zuzuweisende Wert — statischer Text oder ein dynamischer Ausdruck.</li><li><strong>Typ</strong>: Der Datentyp des Werts (<code>Zeichenkette</code>, <code>Zahl</code>, <code>Boolesch</code>, <code>Datum</code>, <code>Datum/Uhrzeit</code> oder <code>SObject</code>).</li><li><strong>Objekttyp</strong>: Wenn der Typ  <code>SObject</code>, der Objekt-API-Name (zum Beispiel  <code>Konto</code> oder <code>Kontakt</code>), damit der Flow die Objektstruktur korrekt interpretieren kann.</li><li><strong>Ist Sammlung</strong>: Aktivieren, wenn die Flow-Variable eine Sammlung von Werten anstelle eines einzelnen Werts erwartet.</li></ul> |
| **`Modalkopfzeile`**                                    | Der Titel, der oben im Flow-Dialog angezeigt wird.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
| **`Barrierefreie Beschreibung des Modals`**             | Eine kurze Beschreibung des Inhalts des Dialogs, die Screenreadern Kontext bietet und die Barrierefreiheit verbessert.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
| **`Modalgröße`**                                        | <p>Die voreingestellten Größen für das Modal:</p><ul><li><code>Klein</code>: Die Standardgröße — am besten für fokussierte Aufgaben mit wenigen Eingaben.</li><li><code>Mittel</code>: Geeignet für die meisten Flows.</li><li><code>Groß</code>: Ideal für komplexere Flows, die mehr Platz auf dem Bildschirm benötigen.</li><li><code>Voll</code>: Ein Vollbilddialog für die komplexesten Erlebnisse.</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| **`Modalfußzeile mit Schließen-Schaltfläche anzeigen`** | Ein Umschalter legt fest, ob der Dialog eine Fußzeile mit einer Schaltfläche zum Schließen des Modals hat.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| **`Beschriftung der Schließen-Schaltfläche`**           | Die Beschriftung der Schließen-Schaltfläche in der Fußzeile. Verfügbar, wenn Modalfußzeile mit Schließen-Schaltfläche anzeigen aktiviert ist; verwenden Sie sie, um die Formulierung anzupassen (zum Beispiel Schließen, Abbrechen oder Fertig).                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| **`Beim Abschluss`**                                    | Definiert das Verhalten nach erfolgreichem Abschluss des Flows. Akzeptierte Interaktionen sind `Toast anzeigen` und `Alle Abfragen aktualisieren`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
| **`Beim Schließen`**                                    | Definiert das Verhalten, wenn der Flow-Dialog vom Benutzer manuell geschlossen wird. Akzeptierte Interaktionen sind `Toast anzeigen` und `Alle Abfragen aktualisieren`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| **`Bei Fehler`**                                        | Gibt die Aktion an, die ausgeführt werden soll, wenn im Flow ein Fehler auftritt. Akzeptierte Interaktionen sind `Toast anzeigen` und `Alle Abfragen aktualisieren`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |

## Beispiel

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

## Wichtige Hinweise

* Stellen Sie sicher, dass der Flow intuitiv ist und alle Felder klar beschriftet sind.
* Testen Sie den Flow auf Funktionalität und Benutzererlebnis auf verschiedenen Gerätegrößen und Bildschirmauflösungen.
* Seien Sie im **Beim Abschluss** klar über das Ergebnis des Flows, um die Erwartungen der Benutzer richtig zu setzen.
* Stellen Sie sicher, dass der Flow über die erforderlichen Zugriffsrechte verfügt, 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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/eigenschaftenbereich/interactions/open-flow-dialog.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.
