--- title: "Der Branching in einem Flow visualisieren" slug: "visualize-the-branching-in-a-flow" updated: 2026-05-07T00:36:15Z published: 2026-05-29T04:29:25Z canonical: "support.whatfix.com/visualize-the-branching-in-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. # Der Branching in einem Flow visualisieren Whatfix ermöglicht es Ihnen, die Branching in einem Flow zu visualisieren. Diese Visualisierung bietet eine Einzelansichtsdarstellung des vollständigen Flows, der aus allen verzweigten Flows unter dem Haupt-Flow besteht. Sie können auch die verzweigten Flows erweitern, um alle Schritte anzuzeigen, die in diesem Flow enthalten sind. Durch die Visualisierung des Branched Flows erhalten Sie ein klares Bild des Hauptflows und aller verzweigten Flows zusammen mit den Branching-Bedingungen. Dies hilft Ihnen, alle möglichen Pfade zu verstehen, die ein Endbenutzer basierend auf den verschiedenen Branching-Regeln auswählen kann. Sie können diese Visualisierungsfunktion verwenden, um mit mehreren Content Authors zusammenzuarbeiten und die Erstellung von komplexer Flow zu planen. your title goes here - Das Visualisierungssymbol wird nur angezeigt, wenn Sie einen verzweigten Flow erstellen. - Sie können die Visualisierung von Flow Chart auch für vorhandene verzweigte Flows anzeigen. Hier ist ein Beispiel dafür, wie die erweiterte Ansicht aussieht. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/flow%20branching%20view.gif?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) --- Gehen Sie wie folgt vor, um die Visualisierung der Branching in einem Flow anzuzeigen: 1. Melden Sie sich bei der Anwendung an, in der Sie Inhalte erstellen möchten, und starten Sie dann das **Whatfix Studio**. ![CLM_editor plug in2](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CLM_editor%20plug%20in%282%29.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 2. Klicken Sie **Flow**. ![clm_Studio_flows](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_Studio_flows.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 1. Geben Sie den Namen des Flows so ein, wie er für die Benutzer angezeigt werden soll. ![Studio_Flowname](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image%28374%29.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 2. Klicken Sie **+ Schritt hinzufügen**. ![Studio_addstep](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image%28370%29.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 3. Klicken Sie auf das gewünschte Element auf der Seite, das der Benutzer auswählen muss. 4. Nach der Elementauswahl, unter dem Tab **KONFIGURATIONEN** scrollen Sie zum Abschnitt **Step Completion Rule** und wählen Sie die Option **Manuelle** aus. ![Studio_configurations](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image%28371%29.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 5. Wählen Sie **Bei Klick auf das ausgewählte Element** als Step Completion Rule. ![Editor_flow_on_selected_element](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Editor_flow_on_selected_element.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 6. Klicken Sie **Schritt speichern**. ![Studio_clicksavestep](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image%28372%29.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 7. Schweben Sie den Mauscursor über den Schritt, für den Sie einen Branch erstellen möchten, und klicken Sie auf das Branching Symbol. ![clm_branching icon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_branching%20icon.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) Einen Branching Flow oder importieren Sie einen bestehenden Flow erstellen. Eine Branch erstellen Verwenden Sie die folgenden Schritte, um einen Branch Flow zu erstellen: 1. Klicken Sie nach dem Anklicken des Zweigsymbols auf **Branch erstellen**. ![clm_branching revamp_create branch](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_branching%20revamp_create%20branch.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 2. Geben Sie einen Namen für den Branch Flow ein. ![Studio_Branchenname](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image%28373%29.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 3. Fügen Sie unter **Details zur Branche** in das Textfeld den Text **Branchingbeschreibung** ein. ![Add_branchdescription](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2024-10-18_14-00-44.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) your title goes here your title goes here Die Beschreibung der Branching ist nur für Sie (den Ersteller des Inhalte) bestimmt und ist für Ihre Endnutzer nicht sichtbar. 1. Um die Bedingungen für das Branching zu definieren, klicken Sie **Regel hinzufügen** und fügen Sie dann eine Regel hinzu. ![Studio_branchingrule](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2024-10-18_14-02-18.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 2. Gehen Sie zum Tab **Schritte**, und klicken Sie dann **+Schritt hinzufügen**. ![clm_branching_branched flow_add step](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_branching_branched%20flow_add%20step.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 3. Klicken Sie auf das gewünschte Element auf der Seite, das der Benutzer auswählen muss. 4. Überprüfen/bearbeiten Sie den automatisch generierten Aktionstext für den Schritt. ![clm_branching_edit the tip](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_branching_edit%20the%20tip.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 5. 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-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%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-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%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-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 2. Blättern Sie nach unten zum Abschnitt **Step Completion Rules** und legen Sie die Step Completion Rule fest. ![clm_branching flow_step completion rule](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_branching%20flow_step%20completion%20rule.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 3. Gehen Sie zum Tab **ERWEITERTE OPTIONEN** und legen Sie dann die Display Rules fest. ![clm_branching_display rules](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_branching_display%20rules.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 4. Klicken Sie **Schritt speichern**. ![clm_branching_save step](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_branching_save%20step.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 5. Um weitere Schritte hinzuzufügen, wiederholen Sie die Schritte 6 bis 10. 6. Klicken Sie **Branch speichern**. ![clm_branchong_save branch](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_branchong_save%20branch.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 7. Klicken Sie anschließend auf das Symbol **Visualisieren**. ![clm_flows_branching_visualize icon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_flows_branching_visualize%20icon.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) Sie können die folgenden Details im Visualisierungsdiagramm anzeigen: - Der Haupt-Flow und seine Schritte - Die verzweigten Flows und ihre Schritte - Branching Bedingungen für die verzweigten Flows - Eine Kartenansicht des Visualisierungsflussdiagramms ![flowchart](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/flowchart.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) your title goes here Eine Kartenansicht gibt Ihnen eine Vorstellung von dem Ansichtsportgebiet. Es handelt sich um eine grobe Skizze des Flow-Charts der Visualisierung. ![branching](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/branching.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 1. Sobald die Zweige erstellt sind, klicken Sie auf **Flow speichern**. ![clm_branching_save flow](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_branching_save%20flow.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) Flow importieren Verwenden Sie die folgenden Schritte, um einen vorhandenen Flow zu importieren: 1. Klicken Sie nach dem Anklicken des Branch-Symbols auf **Flow importieren**. ![clm_branching_import flows](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_branching_import%20flows.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 2. Klicken Sie auf **Regel hinzufügen**, um die Bedingungen für die Branching zu definieren. ![clm_branching_import flow](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_branching_import%20flow.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 3. Klicken Sie auf **Flow anhängen**, um die Flow auszuwählen und anzuhängen, zu der Sie verzweigen möchten. ![Studio_attachflow](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image%28375%29.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 4. Wählen Sie die Schrittnummer aus, zu der der Flow springen soll, und klicken Sie dann auf **Anhängen**. ![clm_branching_add steps](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_branching_add%20steps.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 5. Verwenden Sie dem Button **Eine weitere Branch hinzufügen**, um bei Bedarf mehrere Branchingsbedingungen hinzuzufügen. ![clm_branching_add another branch](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_branching_add%20another%20branch.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 6. Klicken Sie **Branch speichern**. ![clm_branchong_save branch](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_branchong_save%20branch.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 7. Klicken Sie anschließend auf das Symbol **Visualisieren**. ![clm_flows_branching_visualize icon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_flows_branching_visualize%20icon.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) Sie können die folgenden Details im Visualisierungsdiagramm anzeigen: - Der Haupt-Flow und seine Schritte - Die verzweigten Flows und ihre Schritte - Branching Bedingungen für die verzweigten Flows - Eine Kartenansicht des visualisierten Flussdiagramms ![flowchart](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/flowchart.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) your title goes here Eine Kartenansicht gibt Ihnen einen Übersicht über den Anzeigebereich. Es handelt sich um eine grobe Skizze des Flow-Charts der Visualisierung. ![branching](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/branching.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D) 1. Klicken Sie **Flow speichern**. ![clm_branching_save flow](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_branching_save%20flow.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A40%3A56Z&se=2026-10-29T05%3A40%3A56Z&sr=c&sp=r&sig=wAaDFWxqeI6Kd7DiA80c%2BqEo3OfEGbWoHBZUdNeucOI%3D)