--- title: "Screenshot Abschnitt in Free-Floating Flows hinzufügen" slug: "add-screenshot-component-in-free-floating-flows" updated: 2026-07-03T06:58:22Z published: 2026-07-03T06:58:22Z canonical: "support.whatfix.com/add-screenshot-component-in-free-floating-flows" --- > ## 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. # Screenshot Abschnitt in Free-Floating Flows hinzufügen #### Übersicht Der Screenshot Abschnitt in Free-floating Flows dient dazu, Ihren Benutzern eine klare visuelle Referenz des genauen Bildschirms zu geben, auf den ein Flow-Schritt zeigen soll. Weitere Informationen zu Free-floating Flows und wie man sie erstellt, finden Sie unter [Free-floating-Schritte in Flows](/studio/docs/de/free-floating-flows). > [!WARNING] > Note: > > Der Screenshot-Abschnitt in Free-floating Flows lautet Beta. Wenden Sie sich für weitere Informationen an [support@whatfix.com](mailto:support@whatfix.com?subject=Enable%20Screenshot%20Component%20in%20Free-floating%20Flows%20&body=Hi%20%0A%0APlease%20enable%20Screenshot%20Component%20in%20Free-floating%20Flows.%0A%0AThanks). Verwenden Sie Screenshots, um - - Verwenden Sie Screenshots, um Leitfaden Inhalt für Elemente zu erstellen, für die es bisher schwierig war, Flow-Schritte zu erstellen. Mit dem Screenshot-Abschnitt lässt sich das gewünschte Element ganz einfach mit einem visuellen Marker kennzeichnen – ganz ohne Abhängigkeit von CSS-Selektoren. - Bieten Sie interaktive, zuverlässige Anleitung für Ihre Endbenutzer, um eine vollständige Flow-Ausführung sicherzustellen. --- #### Gehen Sie wie folgt vor, um den Screenshot-Abschnitt in Free-Floating Flows zu verwenden: ****Screenshot-Abschnitt in Free-floating Flows hinzufügen auf** Whatfix Studio** 1. Melden Sie sich bei Ihrer Anwendung an, und starten Sie dann **[Whatfix Studio](/studio/docs/de/how-to-install-the-whatfix-editor)**. ![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-29T01%3A42%3A30Z&se=2026-10-29T02%3A42%3A30Z&sr=c&sp=r&sig=ud%2ByCuz7202IKilmLzzEdx7jStxbScWoOq86QUILScE%3D) 1. Klicken Sie unter **INHALT** auf **Flow**. ![Flows anklicken](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Click_Flows.png?sv=2026-02-06&spr=https&st=2026-10-29T01%3A42%3A30Z&se=2026-10-29T02%3A42%3A30Z&sr=c&sp=r&sig=ud%2ByCuz7202IKilmLzzEdx7jStxbScWoOq86QUILScE%3D) 2. Benennen Sie den Flow und klicken Sie dann auf **Schritt hinzufügen**. ![Schritte in einem Flow in Studio hinzufügen](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Flows_AddSteps.png?sv=2026-02-06&spr=https&st=2026-10-29T01%3A42%3A30Z&se=2026-10-29T02%3A42%3A30Z&sr=c&sp=r&sig=ud%2ByCuz7202IKilmLzzEdx7jStxbScWoOq86QUILScE%3D) 3. Wählen Sie im daraufhin angezeigten Dialogfeld unter **Schritttyp wählen** die Option **Free-floating**. ![Dialogfeld im Studio zur Auswahl zwischen Flow-Schritttypen](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Switcher_Flow_Types.png?sv=2026-02-06&spr=https&st=2026-10-29T01%3A42%3A30Z&se=2026-10-29T02%3A42%3A30Z&sr=c&sp=r&sig=ud%2ByCuz7202IKilmLzzEdx7jStxbScWoOq86QUILScE%3D) Der Schritt **Free-floating Flow** erscheint in der Anwendung ohne Elementverriegelung. ![Free-floating Flow-Schritttypen](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Free-floating_Flows_application.png?sv=2026-02-06&spr=https&st=2026-10-29T01%3A42%3A30Z&se=2026-10-29T02%3A42%3A30Z&sr=c&sp=r&sig=ud%2ByCuz7202IKilmLzzEdx7jStxbScWoOq86QUILScE%3D) > [!WARNING] > Note: > > - Einem **Element angehängter** Flow-Schritt funktioniert genauso wie ein normaler Flow-Schritt. Weitere Informationen finden Sie unter [Eines Flows erstellen](/studio/docs/de/creating-a-flow). > - Sie können einen bestimmten Schritttyp für den gesamten Erstellungsprozess des Flows wählen, indem Sie **Als Standard festlegen** wählen. Wenn Sie zum Beispiel **Free-floating** als Standard Schritt am Anfang festlegen, folgen alle nachfolgenden Schritte demselben Schritt Typ. ![Einen Standardschritttyp für Flows in Studio wählen](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/STudio_Flow_StepTypes_Default.png?sv=2026-02-06&spr=https&st=2026-10-29T01%3A42%3A30Z&se=2026-10-29T02%3A42%3A30Z&sr=c&sp=r&sig=ud%2ByCuz7202IKilmLzzEdx7jStxbScWoOq86QUILScE%3D) > - Sie haben die Möglichkeit, den minimierten Studio Editor zu verwenden, um **Free-Floating** Schritte in Flows auszuwählen.![Zwischen Flow-Schritten im Studio mit dem minimierten Studio Editor wechseln](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_FlowStep_switcher.png?sv=2026-02-06&spr=https&st=2026-10-29T01%3A42%3A30Z&se=2026-10-29T02%3A42%3A30Z&sr=c&sp=r&sig=ud%2ByCuz7202IKilmLzzEdx7jStxbScWoOq86QUILScE%3D) 1. Aktivieren Sie im Studio den Toggle **Screenshot Bereich hinzufügen**. ![Den Screenshot-Toggle für die Aufnahme von Bildern in Free-Floating Flows aktivieren](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Flows-Screenshot_toggle.png?sv=2026-02-06&spr=https&st=2026-10-29T01%3A42%3A30Z&se=2026-10-29T02%3A42%3A30Z&sr=c&sp=r&sig=ud%2ByCuz7202IKilmLzzEdx7jStxbScWoOq86QUILScE%3D) 2. Im Flow-Schritt klicken Sie auf **Bild vom Bildschirm erfassen**. ![Bild vom Bildschirm erfassen](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Flows_Screenshot_capture.png?sv=2026-02-06&spr=https&st=2026-10-29T01%3A42%3A30Z&se=2026-10-29T02%3A42%3A30Z&sr=c&sp=r&sig=ud%2ByCuz7202IKilmLzzEdx7jStxbScWoOq86QUILScE%3D) 3. Ziehen und wählen Sie einen Bereich des Bildschirms aus, um ihn dem Screenshot hinzuzufügen. ![Aufgenommener Screenshot in Free-Floating Schritten in Flows](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Flows_Screenshot_captured.png?sv=2026-02-06&spr=https&st=2026-10-29T01%3A42%3A30Z&se=2026-10-29T02%3A42%3A30Z&sr=c&sp=r&sig=ud%2ByCuz7202IKilmLzzEdx7jStxbScWoOq86QUILScE%3D) 4. Fügen Sie einen Titel und eine Beschreibung für den Flow-Schritt hinzu. ![Titel und Beschreibung zum Tooltip des Flows hinzufügen](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Flows_Screenshot_description.png?sv=2026-02-06&spr=https&st=2026-10-29T01%3A42%3A30Z&se=2026-10-29T02%3A42%3A30Z&sr=c&sp=r&sig=ud%2ByCuz7202IKilmLzzEdx7jStxbScWoOq86QUILScE%3D) 5. Klicken Sie **Schritt speichern**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Editor_flows_save_step.png?sv=2026-02-06&spr=https&st=2026-10-29T01%3A42%3A30Z&se=2026-10-29T02%3A42%3A30Z&sr=c&sp=r&sig=ud%2ByCuz7202IKilmLzzEdx7jStxbScWoOq86QUILScE%3D) 6. Klicken Sie **Flow speichern**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Save_Flow_Studio.png?sv=2026-02-06&spr=https&st=2026-10-29T01%3A42%3A30Z&se=2026-10-29T02%3A42%3A30Z&sr=c&sp=r&sig=ud%2ByCuz7202IKilmLzzEdx7jStxbScWoOq86QUILScE%3D) > [!WARNING] > Note: > > - Sie haben die Möglichkeit, beim Erstellen des Flows in Studio **Alt Text hinzuzufügen** oder den Bildschirm **neu zu erfassen**. > > > > ![Alttext oder Wiederaufnehmen von Schritten in Flows bei der Erstellung von Inhalten in Studio hinzufügen](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Flows_add_alttext_recapture.gif?sv=2026-02-06&spr=https&st=2026-10-29T01%3A42%3A30Z&se=2026-10-29T02%3A42%3A30Z&sr=c&sp=r&sig=ud%2ByCuz7202IKilmLzzEdx7jStxbScWoOq86QUILScE%3D) > - [Anpassen Sie die Free-floating Schritte](/studio/docs/de/create-free-floating-flows) weiter basierend auf Ihrem Anwendungsfall. Fügen Sie [Step Completion Rules](/studio/docs/de/defining-step-completion-rules) hinzu, um zu definieren, wie die Flow-Schritte angezeigt werden. Weitere Informationen finden Sie unter [Einen Flow mit frei schwebenden Schritten erstellen](/studio/docs/de/create-free-floating-flows) und [Einen Flow erstellen](/studio/docs/de/creating-a-flow). > - [Display Rules hinzufügen, wann Sie konfigurieren möchten](/studio/docs/de/visibility-and-display-rule-conditions-1), wie Sie den Tooltip Ihren Benutzern anzeigen möchten. > - Sie können auch **Aktionsbuttons** zusammen mit dem **Screenshot-Abschnitt** in Ihre Free-floating Schritttypen hinzufügen. Weitere Informationen finden Sie unter [Action Buttons in Flows verstehen](/studio/docs/de/action-buttons-in-flows) und [Action Buttons in Flows bearbeiten](/studio/docs/de/edit-action-buttons-in-flows). ****Screenshot-Abschnitt in Free-floating Flows auf** Whatfix Dashboard hinzufügen oder entfernen** 1. Auf dem Whatfix Guidance Dashboard, klicken Sie **Inhalt**. ![ia_left_nav_content](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left_nav_content.png?sv=2026-02-06&spr=https&st=2026-10-29T01%3A42%3A30Z&se=2026-10-29T02%3A42%3A30Z&sr=c&sp=r&sig=ud%2ByCuz7202IKilmLzzEdx7jStxbScWoOq86QUILScE%3D) 2. Klicken Sie **Flows**. ![ia_left%20nav_flows](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left%20nav_flows.png?sv=2026-02-06&spr=https&st=2026-10-29T01%3A42%3A30Z&se=2026-10-29T02%3A42%3A30Z&sr=c&sp=r&sig=ud%2ByCuz7202IKilmLzzEdx7jStxbScWoOq86QUILScE%3D) 3. Schweben Sie den Mauscursor über die gewünschte Bewegung und klicken Sie dann auf das Symbol **Bearbeiten**. ![DB_CLM_Click_Edit.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/DB_CLM_Click_Edit%281%29.png?sv=2026-02-06&spr=https&st=2026-10-29T01%3A42%3A30Z&se=2026-10-29T02%3A42%3A30Z&sr=c&sp=r&sig=ud%2ByCuz7202IKilmLzzEdx7jStxbScWoOq86QUILScE%3D) 1. Öffnen Sie die Inhalt-Karte für den Flow, den Sie bearbeiten möchten. ![Den in Flows erfassten Bildschirm bearbeiten](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Dashboard_Flows_Screenshotcapture_edit.png?sv=2026-02-06&spr=https&st=2026-10-29T01%3A42%3A30Z&se=2026-10-29T02%3A42%3A30Z&sr=c&sp=r&sig=ud%2ByCuz7202IKilmLzzEdx7jStxbScWoOq86QUILScE%3D) 2. Sie können entweder **Alt Text hinzufügen** oder den Screenshot entfernen, indem Sie die Option **Screenshot Abschnitt hinzufügen** deaktivieren. ![Den Screenshot in Free-Floating-Schritten in Flows auf Dashboard bearbeiten](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot_capture_dvmedit.gif?sv=2026-02-06&spr=https&st=2026-10-29T01%3A42%3A30Z&se=2026-10-29T02%3A42%3A30Z&sr=c&sp=r&sig=ud%2ByCuz7202IKilmLzzEdx7jStxbScWoOq86QUILScE%3D) 3. Klicken Sie **Speichern**. ![Klicken Sie auf Speichern, um den Flow auf dem Dashboard zu speichern.](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Dashboard_Flows_screenshot_Save.png?sv=2026-02-06&spr=https&st=2026-10-29T01%3A42%3A30Z&se=2026-10-29T02%3A42%3A30Z&sr=c&sp=r&sig=ud%2ByCuz7202IKilmLzzEdx7jStxbScWoOq86QUILScE%3D) > [!WARNING] > Note: > > - Ihre Endbenutzer können auch in ein Bild hineinzoomen, um den gesamten Screenshot zu visualisieren, der auf der Ebene eines Flow-Schrittes aufgenommen wurde. > - [Die Flows veröffentlichen](/studio/docs/de/publish-whatfix-content), damit der Inhalt für Ihre Benutzer sichtbar wird. The feature release stage in which functionality is made available to a limited group of users for testing and feedback. Beta features are generally stable but may still undergo changes before becoming Generally Available (GA). Whatfix Studio is a browser plug-in that enables you to create various types of Whatfix content, such as Flows, Smart Tips, Beacons, and so on. The plug-in can be installed on Google Chrome and the new Microsoft Edge browsers. Im Whatfix Dashboard können Sie die folgenden Aktionen ausführen: - Greifen Sie auf alle Inhalte zu, die von Benutzern in Ihrer Organisation erstellt wurden. - Greifen Sie auf und verwalten Sie Inhalts-Widgets wie Self Help, Pop-ups, Smart Tips, Beacons und Task Lists - Verwalten von Benutzern - Verwalten von Tags - Zugriff auf Analysen - Verwalten von Übersetzungen - Verwalten von Tipp oder Flow Konfigurationen