---
title: "Ein Carousel Pop-up erstellen"
slug: "creating-a-carousel-pop-up"
updated: 2026-05-07T00:38:16Z
published: 2026-05-29T04:29:25Z
canonical: "support.whatfix.com/creating-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

Eine Carousel Pop-up-Vorlage ermöglicht die Vermittlung von kurzen Produktinformationen in Form von Folien, durch die Ihre Benutzer blättern können. Verwenden Sie solche Vorlagen, um Ihre Benutzer neugierig zu machen, indem Sie mehrere Informationen, wie Text, Videos oder Bilder, in einem einzigen Pop-up zusammenfassen.

     Schritt 1: Ein Carousel Pop-ups mit dem Visual Editor 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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%3D)

              Note

              

- Fügen Sie mithilfe 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.
- Fügen Sie dem Carousel Pop-up mindestens 2 Folien hinzu. 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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%3D)

              Info

              

Um den Text anzupassen und auszurichten, bewegen Sie den Mauszeiger über einen beliebigen Text und doppelklicken Sie dann, um das **Rich Text Editor** zu öffnen.

Für weitere Informationen zum Rich Text Editor, sehen Sie [Rich Text Inhalte in einem Pop-up mithilfe des Visual Editors hinzufügen.](/studio/docs/de/adding-rich-text-content-inside-a-pop-up)

1. Bearbeiten Sie in der Pop-up-Vorlage den Namen des Buttons 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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%3D)

              Info

              

Um den Text des Buttons anzupassen, bewegen Sie den Mauszeiger über einen beliebigen Text und doppelklicken Sie dann, um den Rich Text Editor zu öffnen. ![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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%3D)

Die folgende Tabelle listet die verschiedenen Arten der Button Aktion, ihr Verhalten und ihre Beschreibungen auf:

| Button Action | 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** | Wenn 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. |

              Info

              

Zusätzlich die folgenden Änderungen im Button-konfigurationsmenü vornehmen:

- Ä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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%3D)

```
</div>
```

- 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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%3D)

```
</div>
```

- 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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%3D)

```
</div>
```

- 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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%3D)

```
</div>
```

- 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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%3D)

```
</div>
```

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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%3D)

```
</div>
```

- 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.

              Info

              

- Mit **Ziehen und Ablegen** können Sie verschiedene Komponenten auf dem Pop-up verschieben oder neu positionieren, sowohl vertikal (Zeilenweise) als auch horizontal (spaltenweise).
- Jedes Bauteil hat zwei Drag-Handler: Horizontaler Drag-Handler und Vertikaler Ziehhandler für die Bewegung des Bauteils.

![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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%3D)

```
</div>
```

              Note

              

Wann Sie Änderungen am Pop-up mithilfe der Drag Handlers vornehmen, können Sie bestimmte Änderungen leider nicht rückgängig machen. In diesem Fall kann es erforderlich sein, das Pop-up neu zu erstellen. Weitere Informationen finden Sie unter [Kann ich die Änderungen mit den Drag-Handlern rückgängig machen?](/studio/docs/de/can-i-undo-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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%3D)

              Info

              

- 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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%3D)
- Sie können die URL des Bildes, das Sie einfügen möchten, einsetzen 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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%3D)

              Info

              

- Standardmäßig wird das Pop-up in der Mitte der Seite angezeigt, wodurch Endbenutzer daran gehindert werden, mit anderen Elementen der Anwendung zu interagieren, bis sie das Pop-up schließen oder darauf reagieren.
- Wenn Sie die Toggle **Position Pop-up** aktivieren, können Endbenutzer mit anderen Elementen der 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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%3D)

    

 Schritt 2: Die Pop-up Sichtbarkeitsregeln 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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%3D)

              Info

              

Wenn Sie mehrere Pop-ups mit unterschiedlichen Sichtbarkeitsregeln festgelegt haben, um auf derselben Seite angezeigt zu werden, wird das Pop-up, das mit **User Action abgeschlossen** als Sichtbarkeitsregel konfiguriert ist, immer zuerst angezeigt, wenn der Endbenutzer die Benutzeraktion ausführt.

1. Festlegen Sie der **Wann** Visibility Rules für das Pop-up. Weitere Informationen finden Sie unter [Pop-ups planen](/studio/docs/de/scheduling-pop-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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%3D)

              Note

              

Wenn das Pop-up einen Skip-Button hat und Ihre Endbenutzer auf den Skip Button klicken, wird dies nicht als Interaktion betrachtet und das Pop-up wird ihnen unabhängig von den von Ihnen festgelegten Malen 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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%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-29T04%3A40%3A51Z&se=2026-10-29T05%3A40%3A51Z&sr=c&sp=r&sig=yelnxyks0e1da4r%2BHQOWQ2pArrenFAmtaewJx8sgdXQ%3D)