--- title: "Einen Flow erstellen" slug: "creating-a-flow" updated: 2026-05-07T00:36:42Z published: 2026-05-29T04:29:19Z canonical: "support.whatfix.com/creating-a-flow" --- > ## Documentation Index > Fetch the complete documentation index at: https://support.whatfix.com/llms.txt > Use this file to discover all available pages before exploring further. # Einen Flow erstellen Whatfix Flows sind sequentielle Schritte, die den Benutzern helfen, ein Ziel zu erreichen oder eine Aufgabe durch eine Reihe von Schritt-für-Schritt-Aktionen zu erledigen. Flows leiten die Benutzer durch verschiedene aufeinander folgende Aufgaben. Diese Schritte werden als eine Ebene über Ihrer Webanwendung angezeigt. Gehen Sie wie folgt vor, um einen Flow zu erstellen: 1. Melden Sie sich bei der Anwendung an, in der Sie Inhalte erstellen möchten, und starten Sie dann den **Whatfix Studio**. 2. Klicken Sie **Flow**. ![Editor_flow](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Editor_flow.png?sv=2026-02-06&spr=https&st=2026-10-29T02%3A55%3A48Z&se=2026-10-29T03%3A55%3A48Z&sr=c&sp=r&sig=7axLg2NOoaSGdTK4DSN0RsLz7sPttYUcbP1iTDNhoJs%3D) 3. Geben Sie den Namen des Flows so ein, wie er für die Benutzer angezeigt werden soll. ![Editor_flow_name6](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Editor_flow_name%286%29.png?sv=2026-02-06&spr=https&st=2026-10-29T02%3A55%3A48Z&se=2026-10-29T03%3A55%3A48Z&sr=c&sp=r&sig=7axLg2NOoaSGdTK4DSN0RsLz7sPttYUcbP1iTDNhoJs%3D) 4. Klicken Sie **+Schritt hinzufügen**. ![Editor_flow_addstep](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Editor_flow_addstep.png?sv=2026-02-06&spr=https&st=2026-10-29T02%3A55%3A48Z&se=2026-10-29T03%3A55%3A48Z&sr=c&sp=r&sig=7axLg2NOoaSGdTK4DSN0RsLz7sPttYUcbP1iTDNhoJs%3D) 5. Klicken Sie auf das gewünschte Element auf der Seite, das der Benutzer auswählen muss. 1. Überprüfen/bearbeiten Sie den automatisch generierten Aktionstext für den Schritt. ![SF_Click_Leads](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/SF_Click_Leads.png?sv=2026-02-06&spr=https&st=2026-10-29T02%3A55%3A48Z&se=2026-10-29T03%3A55%3A48Z&sr=c&sp=r&sig=7axLg2NOoaSGdTK4DSN0RsLz7sPttYUcbP1iTDNhoJs%3D) Info Geben Sie alle zusätzlichen Informationen ein, die Sie im Beschreibungsbereich des Tooltips angeben möchten. 1. Unter **KONFIGURATIONEN**, erweitern Sie **Aussehen**. ![Studio_configureflow](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_configureflow.png?sv=2026-02-06&spr=https&st=2026-10-29T02%3A55%3A48Z&se=2026-10-29T03%3A55%3A48Z&sr=c&sp=r&sig=7axLg2NOoaSGdTK4DSN0RsLz7sPttYUcbP1iTDNhoJs%3D) Führen Sie folgende Konfigurationen aus: - Ein Tooltip Aussehen aus den verfügbaren Optionen auswählen. - Wählen Sie den Tip **Farbe** aus dem vorhandenen Farbwähler oder geben Sie den Hex Code der gewünschten Farbe ein. - Wählen Sie die **Schließende (X) Farbe** aus der vorhandenen Farbauswahl oder gib den Hex-Code der gewünschten Farbe ein. ![Choose_Flow_Theme.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Choose_Flow_Theme.png?sv=2026-02-06&spr=https&st=2026-10-29T02%3A55%3A48Z&se=2026-10-29T03%3A55%3A48Z&sr=c&sp=r&sig=7axLg2NOoaSGdTK4DSN0RsLz7sPttYUcbP1iTDNhoJs%3D) 1. Erweiteren Sie **Position** und wählen Sie die gewünschte Position des Tooltips. ![Choose_Position_Flow.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Choose_Position_Flow.png?sv=2026-02-06&spr=https&st=2026-10-29T02%3A55%3A48Z&se=2026-10-29T03%3A55%3A48Z&sr=c&sp=r&sig=7axLg2NOoaSGdTK4DSN0RsLz7sPttYUcbP1iTDNhoJs%3D) 2. Wählen Sie im Abschnitt **Step Completion Rule** die gewünschte Regel aus. Für weitere Informationen zu den Step Completion Rule, sehen Sie [Step completion rule definieren](/studio/docs/de/defining-step-completion-rules) ![Define_step_completion rules.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Define_step_completion%20rules.png?sv=2026-02-06&spr=https&st=2026-10-29T02%3A55%3A48Z&se=2026-10-29T03%3A55%3A48Z&sr=c&sp=r&sig=7axLg2NOoaSGdTK4DSN0RsLz7sPttYUcbP1iTDNhoJs%3D) 3. Klicken Sie **Schritt speichern**. ![Click_Save_step.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_Save_step.png?sv=2026-02-06&spr=https&st=2026-10-29T02%3A55%3A48Z&se=2026-10-29T03%3A55%3A48Z&sr=c&sp=r&sig=7axLg2NOoaSGdTK4DSN0RsLz7sPttYUcbP1iTDNhoJs%3D) your title goes here Klicken Sie **Vorschau** um eine Vorschau des Flow während der Flow-Erstellung im Studio zu sehen. Der Flow öffnet sich in einem neuen Tab und zeigt die Schritte an, die in der Anwendung erstellt wurden. Sie müssen mindestens einen Schritt erstellen und speichern, um **Vorschau** zu aktivieren. ![Click_Previewflow.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_Previewflow.png?sv=2026-02-06&spr=https&st=2026-10-29T02%3A55%3A48Z&se=2026-10-29T03%3A55%3A48Z&sr=c&sp=r&sig=7axLg2NOoaSGdTK4DSN0RsLz7sPttYUcbP1iTDNhoJs%3D) 1. Gehen Sie zu der Stelle, wo Sie den nächsten Schritt starten wollen, und klicken Sie dann auf **+ Schritt hinzufügen** im Studio. ![Click Add Step.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click%20Add%20Step.png?sv=2026-02-06&spr=https&st=2026-10-29T02%3A55%3A48Z&se=2026-10-29T03%3A55%3A48Z&sr=c&sp=r&sig=7axLg2NOoaSGdTK4DSN0RsLz7sPttYUcbP1iTDNhoJs%3D) 2. Wiederholen Sie die Schritte 5 bis 10, um weitere Schritte hinzuzufügen. your title goes here [Display Rules](/studio/docs/de/visibility-and-display-rule-conditions-1) ermöglichen es Ihnen, Flows so zu konfigurieren, dass der Tooltip nur angezeigt wird, wenn bestimmte Bedingungen erfüllt sind. Gehen Sie wie folgt vor, um den Flow-Schritten Display Rules hinzuzufügen: a. Klicken Sie **ERWEITERTE OPTIONEN**. ![Click_advanced_options.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_advanced_options%281%29.png?sv=2026-02-06&spr=https&st=2026-10-29T02%3A55%3A48Z&se=2026-10-29T03%3A55%3A48Z&sr=c&sp=r&sig=7axLg2NOoaSGdTK4DSN0RsLz7sPttYUcbP1iTDNhoJs%3D) b. Erweitern Sie das Dropdown **Anzeigeregeln** und klicken Sie dann **+Regel hinzufügen**. Mit den Anzeigeregeln können Sie Flows so konfigurieren, dass die Tooltips nur angezeigt wird, wenn bestimmte Bedingungen erfüllt sind. ![Click_add_rule.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_add_rule%285%29.png?sv=2026-02-06&spr=https&st=2026-10-29T02%3A55%3A48Z&se=2026-10-29T03%3A55%3A48Z&sr=c&sp=r&sig=7axLg2NOoaSGdTK4DSN0RsLz7sPttYUcbP1iTDNhoJs%3D) c. Legen Sie die gewünschten Bedingungen fest. Weitere Informationen zu den verschiedenen Bedingungen, die in Display Rules verwendet werden können, finden Sie unter [Visibility und Display Rule Bedingungen](/studio/docs/de/visibility-and-display-rule-conditions-1) ![Editor_flow_display_rule](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Add_Rule.png?sv=2026-02-06&spr=https&st=2026-10-29T02%3A55%3A48Z&se=2026-10-29T03%3A55%3A48Z&sr=c&sp=r&sig=7axLg2NOoaSGdTK4DSN0RsLz7sPttYUcbP1iTDNhoJs%3D) Fügen Sie bei Bedarf mehrere Bedingungen mit **+ Regel hinzufügen** hinzu. 1. Klicken Sie **Flow speichern**. ![Click_Saveflow](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_Saveflow.png?sv=2026-02-06&spr=https&st=2026-10-29T02%3A55%3A48Z&se=2026-10-29T03%3A55%3A48Z&sr=c&sp=r&sig=7axLg2NOoaSGdTK4DSN0RsLz7sPttYUcbP1iTDNhoJs%3D) Info - Bearbeiten Sie einen Flow-Schritt während der Flow-Erstellung. Weitere Informationen finden Sie unter [Einen Flow bearbeiten](/studio/docs/de/editing-a-flow). - Der von dir erstellte Flow wird auf Whatfix gespeichert, der Flow muss auf die Whatfix CDN Server gedrückt werden, bevor er für Ihre Benutzer verfügbar ist. Sie können den Inhalt vielleicht mit dem **Vorschaumodus** oder der Option **Live sehen** (während der Inhaltserstellung) sehen, aber damit der Inhalt live ist und in der Anwendung Ihres Endbenutzers angezeigt wird, müssen Sie einen zur Produktion schieben durchführen. Verwenden Sie die folgenden Schritte, um den Flow zur Produktion zu verschieben: 1. Auf dem Whatfix Guidance Dashboard, klicken Sie **Inhalt**. ![Click_Content](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image%28320%29.png?sv=2026-02-06&spr=https&st=2026-10-29T02%3A55%3A48Z&se=2026-10-29T03%3A55%3A48Z&sr=c&sp=r&sig=7axLg2NOoaSGdTK4DSN0RsLz7sPttYUcbP1iTDNhoJs%3D) 2. Klicken Sie **Flows**. ![Click_Flows](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image%28321%29.png?sv=2026-02-06&spr=https&st=2026-10-29T02%3A55%3A48Z&se=2026-10-29T03%3A55%3A48Z&sr=c&sp=r&sig=7axLg2NOoaSGdTK4DSN0RsLz7sPttYUcbP1iTDNhoJs%3D) 3. Wählen Sie in der Phase **Entwurf** den Flow aus, und klicken Sie dann auf **Zur Bereits senden**. ![clm_db_send_to_ready](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_db_send_to_ready.jpg?sv=2026-02-06&spr=https&st=2026-10-29T02%3A55%3A48Z&se=2026-10-29T03%3A55%3A48Z&sr=c&sp=r&sig=7axLg2NOoaSGdTK4DSN0RsLz7sPttYUcbP1iTDNhoJs%3D) 4. Gehen Sie zur Phase **Bereit** und wählen Sie den Flow aus, um ihn in die Produktions Phase zu verschieben, und klicken Sie dann auf **Zur Produktion schieben**. ![clm_db_p2p](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_db_p2p.jpg?sv=2026-02-06&spr=https&st=2026-10-29T02%3A55%3A48Z&se=2026-10-29T03%3A55%3A48Z&sr=c&sp=r&sig=7axLg2NOoaSGdTK4DSN0RsLz7sPttYUcbP1iTDNhoJs%3D)