--- title: "Ein Carousel Pop-up erstellen" slug: "create-a-carousel-pop-up" updated: 2025-01-12T16:20:22Z published: 2025-01-12T16:20:22Z canonical: "support.whatfix.com/create-a-carousel-pop-up" --- > ## 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. # Ein Carousel Pop-up erstellen Die Carousel Pop-up Vorlage wurde entwickelt, um Ihnen zu helfen, kurze Produktinformationen in Form von Folien zu vermitteln, durch die Ihre Benutzer blättern können. Sie können die Carousel Pop-up Vorlage verwenden, um Ihre Benutzer neugierig zu machen, indem Sie mehrere Informationen (Text, Videos oder Bilder) mithilfe von Folien vermitteln, die in einem einzigen Pop-up zusammengefasst sind. ### Schritt 1: Das Carousel Pop-up mithilfe des Visual Editors erstellen Schritt: Das Carousel Pop-up mithilfe des Editors erstellen Benutzen Sie die folgenden Schritte, um ein Carousel Pop-up mit dem Visual Editor zu erstellen: 1. Melden Sie sich bei der Anwendung an, in der Sie Inhalte erstellen möchten, und starten Sie dann den **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-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) 2. Auf dem Whatfix Studio, klicken Sie **Pop-up**. ![RB_EDT_Clickpopup](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/RB_EDT_Clickpopup.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) 3. Wählen Sie in der Dropdown-Liste **Thema** das gewünschte Farbthema aus. ![RB_EDT_popupthemes](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/RB_EDT_popupthemes.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) Note Sie können auch Ihre eigene Farbe verwenden, indem Sie den Hex-Farbcode in das Textfeld eingeben. 1. Wählen Sie die **Carousel** Vorlage. ![carousel_pop-up](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/carousel_pop-up.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) 2. Geben Sie die Anzahl der Carousel Folien ein, die Sie in Ihrem Pop-Up haben möchten, und klicken Sie dann auf **Erstellen**. ![Studio_pop-up_slides](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_pop-up_slides.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) your title goes here - Fügen Sie mit Hilfe des Visual Editors bis zu **6 Folien** in Carousel Pop-Up hinzu. - Sie können die Folien durch Ziehen und Ablegen der Foliennummer an die von Ihnen gewünschte Position im Pop-up verschieben. - Entfernen Sie eine bestimmte Folie, indem Sie auf das Symbol **X** neben der Foliennummer klicken. - Da es sich um ein Carousel Pop-Up handelt, muss es mindestens 2 Dias haben. Wenn Ihr Pop-up 6 Folien enthält, können bis zu 4 Folien entfernt werden. 1. Auf der Pop-up Vorlage bearbeiten Sie den **Titel** und die **Beschreibung** für Ihr Pop-up. ![Edit_popup_title](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-05%20at%202.42.48%20PM.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) your title goes here Um den Text anzupassen und auszurichten, schweben Sie mit dem Cursor über einen beliebigen Text und doppelklicken Sie dann auf die Rich Text Editor**. Für weitere Informationen zum Rich Text Editor, sehen Sie [Inhalte in einem Pop-up mithilfe des Rich Text Editors hinzufügen.](/desktop/docs/de/adding-content-inside-a-pop-up-using-rich-text-editor). 1. Bearbeiten Sie in dem Pop-up Template den **Button Namen** für Ihr Pop-up. ![Edit_button_name](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-05%20at%202.44.41%20PM.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) your title goes here Um den Button Text anzupassen, schweben Sie mit dem Cursor über einen beliebigen Text und doppelklicken Sie dann auf den Rich Text Editor. ![Button_RTE](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-05%20at%209.08.48%20AM%282%29.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) 1. Um die Button-Konfigurationen zu ändern, schweben Sie den Mauscursor über den Button und klicken Sie dann, um das Button-konfigurationsmenü zu öffnen. ![Button_configurations](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-05%20at%209.10.27%20AM.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) 2. Klicken Sie auf das Dropdown-Menü neben **Aktion**, und wählen Sie dann die Button Aktion aus. ![Button_action](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-05%20at%209.13.43%20AM%281%29.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) Die folgende Tabelle listet die verschiedenen Arten der Button Action, ihr Verhalten und ihre Beschreibungen auf: | Button Aktion | Verhalten | | --- | --- | | **Flow beginnen** | Wann der Benutzer auf diesen Button klickt, wird er zu einem Whatfix Flow gebracht, der an den Button angehängt wird. | | **URL anhängen** | Wann der Benutzer auf diesen Button klickt, wird er an die URL weitergeleitet, die an den Button angehängt ist. | | **Skip** | Wenn der Benutzer diesen Button anklickt, das betreffende Pop-up ist ausgelassen und sie sehen das Pop-up weiter, bis sie auf den **Schließen** oder **Nicht erneut anzeigen** Button klicken. | | **Schließen** | Wann der Benutzer auf diesen Button klickt, schließt er das jeweilige Pop-Up. | your title goes here - Ändern Sie den Button Typ auf Primärer Button oder Sekundärer Button**. ![Button_Type](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Button_Type.gif?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) ``` ``` - Klicken Sie auf das **Button Stil** Symbol, um die **Farbe**, **Hover-Farbe** und **Eckenradius** des Buttons zu ändern. ![Button_config](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Button_config.gif?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) ``` ``` - Klicken Sie auf das **Button Größe** Symbol, um den Button zu vergrößern. ![Button_resize](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Button_resize.gif?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) ``` ``` - Klicken Sie auf das **Horizontale Ausrichten** Symbol, um den Button horizontal auszurichten. ![Horizontal Align](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Horizontal%20Align.gif?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) ``` ``` - Klicken Sie auf das **Vertikal ausrichten** Symbol, um den Button vertikal auszurichten. ![Vertical Align](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Vertical%20Align.gif?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) ``` ``` 1. Im Rich Text Editor, klicken Sie auf das **+**-Symbol. Das Dialogfeld **Komponente hinzufügen** öffnet sich. ![Add_component](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-05%20at%202.55.51%20PM.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) 2. Mit **Komponente hinzufügen** können Sie **Text**, **Button**, **Bild/GIF**, **Video** und **Audio** zum Pop-up hinzufügen. ![open_add_component](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/open_add_component.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) Note - Fügen Sie bis zu 24 Komponenten zum Pop-Up hinzu, indem Sie den Reiter **Komponente hinzufügen** verwenden. ![Add component(2)](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Add%20component%282%29.gif?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) ``` ``` - Das Pop-Up folgt einem strukturierten Rasterlayout mit einer 6x4-Konfiguration von 6 Zeilen und 4 Spalten. - Der Visual Editor unterstützt maximal 6 Zeilen und 4 Spalten aus 24 Komponenten der Pop-up Vorlage. your title goes here - Mit **Ziehen und Ablegen** können Sie verschiedene Komponenten auf dem Pop-Up verschieben oder neu positionieren, sowohl vertikal (Zeilenweise) als auch horizontal (spaltenweise). - Jede Komponente hat zwei Drag-Handler, den Horizontaler Drag-Handler und den Vertikaler Ziehhandler zum Verschieben der Komponente. ![Drag Handlers](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Drag%20Handlers.gif?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) ``` ``` your title goes here Wenn Sie Änderungen am Pop-up mithilfe der Drag Handlers vornehmen, können Sie bestimmte Änderungen leider nicht rückgängig machen. In diesem Fall müssen Sie das Pop-up möglicherweise neu erstellen. Weitere Informationen finden Sie unter [Kann ich die Änderungen mit den Drag-Handlern rückgängig machen?](/desktop/docs/de/can-i-undo-the-changes-made-with-the-drag-handlers) 1. Klicken Sie auf das **+** Symbol, um eine neue Folie zum Carousel Pop-Up hinzuzufügen. ![Add_new_slide](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-05%20at%202.59.13%20PM.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) 2. Unter **CONTROL** wählen Sie, ob Sie das **'x'-Symbol auf dem Popup anzeigen** und **Nicht mehr anzeigen** möchten, indem Sie die Toggle aktivieren. ![enable_xicon_popup](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/enable_xicon_popup.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) 3. Bestimmen Sie, ob Sie die **Carousel Punkte** und die **Carouselpfeile** anzeigen möchten, indem Sie die entsprechenden Togglen aktivieren/deaktivieren. ![enable_carousel arrow_edit.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/carousel%20arrow_edit.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) your title goes here - Um die **Pop-up Background Color** zu ändern, wählen Sie die Farbe aus der vorhandenen Farbpalette oder geben Sie den Hex-Code der gewünschten Farbe ein. ![under_control_click](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/under_control_click.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) - Um ein **Pop-up Background Image** hinzuzufügen, klicken Sie **Bild hochladen**. ![click_upload_image](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/click_upload_image.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) - Sie können die URL des Bildes, das Sie einfügen möchten, einfügen oder ein Bild von Ihrem lokalen Laufwerk oder der Whatfix-Galerie hochladen. ![click_upload_img](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/click_upload_img.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) - Nur .jpg, .gif und .png Bildformate mit einer Größe von bis zu 4 MB werden unterstützt. 1. Wenn Sie die Position des Pop-ups konfigurieren möchten, aktivieren Sie den Schalter **Pop-up positionieren**. ![position_popup](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/position_popup.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) your title goes here - Standardmäßig wird das Pop-up in der Mitte der Seite angezeigt, und Endbenutzer können nicht mit anderen Elementen der Anwendung interagieren, solange sie das Pop-up schließen/interagieren. - Wenn Sie den Toggle Pop-positionieren aktivieren, können Ihre Endbenutzer auch mit anderen Elementen Ihrer Anwendung interagieren. 1. Stellen Sie die **Position** des Pop-up ein. ![set_position_popup](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/set_position_popup.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) 2. Sobald Sie das Pop-up erstellt haben, klicken Sie **Pop-up speichern**. ![click_save_popup](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/click_save_popup.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) ### Schritt 2: Die Pop-up Visibility Rules konfigurieren Die Pop-up Visibility Rules konfigurieren Gehen Sie wie folgt vor, um ein Pop-up zu konfigurieren: 1. Auf dem Whatfix Guidance Dashboard, klicken Sie **Widgets**. ![ia_left_nav_widgets](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left_nav_widgets.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) 2. Klicken Sie **Pop-ups**. ![ia_widget_popups](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_widget_popups.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) 3. Schweben Sie den Mauscursor über das Pop-up-Segment, das Sie konfigurieren möchten, und klicken Sie dann auf das Symbol **Bearbeiten**. ![CLM_DB_Click_edit_icon.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CLM_DB_Click_edit_icon.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) 1. Klicken Sie **Visibility Rules festlegen →**. ![RB_DB_setvisirulespopup](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/RB_DB_setvisirulespopup.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) 2. Legen Sie die **Wo** [Visibility Rules](/studio/docs/de/visibility-and-display-rule-conditions) fest, damit das Pop-up erscheint. ![RB_DB_popupwhererules](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/RB_DB_popupwhererules.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) your title goes here Wenn Sie mehrere Pop-ups mit unterschiedlichen Visibility Rules festgelegt haben, um auf derselben Seite angezeigt zu werden, wird das Pop-up, das mit **User Action abgeschlossen** als Visibility Rules konfiguriert ist, immer zuerst angezeigt, wenn der Endbenutzer die User Action ausführt. 1. Festlegen Sie der **Wann** Visibility Rules für das Pop-up. Weitere Informationen finden Sie unter [Pop-ups planen](/desktop/docs/de/schedulingpop-ups). ![RB_DB_whenrulespopup](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/RB_DB_whenrulespopup.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) your title goes here Wenn das Pop-up eine Überspringen Button hat und wenn Ihre Endbenutzer auf den Button Überspringen klicken, es wird nicht als Interaktion betrachtet und das Pop-up wird ihnen unabhängig von den eingegebenen Vorkommnissen angezeigt. 1. Klicken Sie **Später fertigstellen** oder **Pop-up bearbeiten**, je nach Ihrer Präferenz. ![RB_DB_popupfinishlater](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/RB_DB_popupfinishlater.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) - **Später beenden**: Speichert das Pop-up als Entwurf. - **Pop-up bearbeiten**: Bringt Sie zurück zum Pop-up, wo Sie Einstellungen festlegen können. 1. Wenn Sie mit der Erstellung des Pop-ups fertig sind, wählen Sie das Widget aus und klicken Sie dann **an Bereit senden**. ![clm_db_send_to_ready](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_db_send_to_ready.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) 2. Gehen Sie zur **Bereit** Phase und wählen Sie das Segment aus, das Sie in die Produktionsstufe verschieben möchten, und klicken Sie dann **Zur Produktion schieben**. ![clm_db_push_to_production](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_db_push_to_production.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) Mit dem Whatfix Rich Text Editor können Sie Inhalte mit mehreren Optionen formatieren. Es ermöglicht Ihnen auch, Multimedia-Inhalte zu verlinken und einzubinden. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Glossary/image-1720150380939.png?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) Der primärer Button ist mit einer positiven User Action verknüpft, die auf dem Inhalt des Pop-ups basiert. Lösen Sie beispielsweise einen Flow aus oder öffnen Sie eine URL. Die sekundärer Button wird verwendet, um das Pop-up zu schließen oder zu schließen, ohne eine bestimmte Aktion auszulösen. Drag-Handler werden verwendet, um die Komponente innerhalb des Pop-ups zu verschieben oder neu zu positionieren. Verwenden Sie den horizontalen Ziehhandler, um die Komponente horizontal (spaltenweise) zu verschieben. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Glossary/Horizontal_DH.gif?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D) Verwenden Sie den Handler zum vertikalen Ziehen, um die Komponente vertikal (spaltenweise) zu verschieben. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Glossary/use%20vertical%20drag%20handler.gif?sv=2026-02-06&spr=https&st=2026-10-30T04%3A44%3A43Z&se=2026-10-30T05%3A44%3A43Z&sr=c&sp=r&sig=DF%2BBWlYukTJcL8oc9f8uuyHJ9uukCyirhGou6C1XJa8%3D)