Der Visual Editor ermöglicht das Entwerfen und Anpassen von Komponenten in Whatfix Pop-ups, wodurch die Notwendigkeit der Codebearbeitung entfällt. Mit der Drag-und-Drop Funktion können Inhaltsersteller die Größe von Pop-ups ändern, Komponenten hinzufügen oder löschen und Anpassungen direkt in der UI vornehmen
- Ändern Sie die Größe eines Pop-ups während der Pop-up-Erstellung mit dem Whatfix Studio. Für weitere Informationen zur Erstellung eines Pop-ups, sehen Sie Ein Pop-up erstellen.
- Passen Sie ein Pop-up nach der Erstellung an, indem Sie das Bearbeiten Symbol im Dashboard verwenden.
Anwendungsfälle
Benutzen Sie die folgenden Schritte, um einen zusätzlichen Button im Pop-up hinzuzufügen, indem Sie die Komponente hinzufügen im Visual Editor:
-
Auf der Pop-up Vorlage schweben Sie den Mauscursor über die Buttonecke und klicken Sie dann, um das Buttonkonfigurationsmenü zu öffnen.
-
Klicken Sie das + Symbol. Das Dialogfeld Komponente hinzufügen öffnet sich.
-
Klicken Sie im Dialogfeld Komponente hinzufügen auf Button.
Der Button wird hinzugefügt.
Mit Whatfix können Sie die folgenden Konfigurationen der Buttons ändern:
-
Ändern Sie den Button Typ auf Primärer Button oder Sekundärer Button**.
</div>
-
Klicken Sie auf das Button Stil Symbol, um die Farbe, Hover-Farbe und Eckenradius des Buttons zu ändern.
</div>
-
Klicken Sie auf das Button Größe Symbol, um den Button zu vergrößern.
</div>
-
Klicken Sie auf das Horizontale Ausrichten Symbol, um den Button horizontal auszurichten.
</div>
-
Klicken Sie auf das Vertikal ausrichten Symbol, um den Button vertikal auszurichten.
</div>
- Verwenden Sie die Funktion Drag und Drop, um den Button um das Pop-up herum zu verschieben oder neu zu positionieren.
- Verwenden Sie die Drag-Handler, um den Button sowohl vertikal (spaltenweise) als auch horizontal (zeilenweise) zu verschieben oder neu zu positionieren.
Wann Sie Änderungen am Pop-up mithilfe der Drag Handlers vornehmen, können Sie bestimmte Änderungen leider nicht rückgängig machen. Erstellen Sie in diesem Fall das Pop-up neu.
:::
Gehen Sie wie folgt vor, um ein Bild in das Pop-up einzufügen, indem Sie die Komponente im Visual Editor hinzufügen:1) Auf der Pop-up-Vorlage doppelklicken Sie auf den Text, um den **Rich Text Editor** zu öffnen. {height="" width="500"}
-
Klicken Sie das + Symbol. Das Dialogfeld Komponente hinzufügen öffnet sich.
-
Klicken Sie im Dialogfeld Komponente hinzufügen auf Bild.
-
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.
{height="" width="500"}:::(Info) (Info:)* Die Bild-URL muss https enthalten, wenn das Pop-up auf einer sicheren Webseite angezeigt wird.
- GIFs können auch über das Bilddialogfeld selbst hinzugefügt werden.
- Es werden nur die Bildformate .jpg und .png bis zu einer Größe von 4 MB unterstützt.
Gehen Sie wie folgt vor, um ein Bild im Pop-up mithilfe des Hinzufügens von Komponenten im Visual Editor hinzuzufügen:
-
Auf der Pop-up-Vorlage doppelklicken Sie auf den Text, um den Rich Text Editor zu öffnen.
-
Klicken Sie das + Symbol. Das Dialogfeld Komponente hinzufügen öffnet sich.
-
Klicken Sie im Dialogfeld Komponente hinzufügen auf Bild.
-
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.
- Die Bild-URL muss https enthalten, wenn das Pop-up auf einer sicheren Webseite angezeigt wird.
- GIFs können auch über das Bilddialogfeld selbst hinzugefügt werden.
- Es werden nur die Bildformate .jpg und .png bis zu einer Größe von 4 MB unterstützt.
- Klicken Sie Einsetzen.
Das Bild wird hinzugefügt.
- Verwenden Sie die Funktion Drag und Drop, um den Button um das Pop-up herum zu verschieben oder neu zu positionieren.
- Verwenden Sie die Drag-Handler, um den Button sowohl vertikal (spaltenweise) als auch horizontal (zeilenweise) zu verschieben oder neu zu positionieren.
Wann Sie Änderungen am Pop-up mithilfe der Drag Handlers vornehmen, können Sie bestimmte Änderungen leider nicht rückgängig machen. Erstellen Sie in diesem Fall das Pop-up neu.
:::
Verwenden Sie die folgenden Schritte, um ein Video im Pop-up mit dem Button Komponente hinzufügen im Visual Editor hinzuzufügen:1) Auf der Pop-up-Vorlage doppelklicken Sie auf den Text, um den **Rich Text Editor** zu öffnen. {height="" width="500"}
-
Klicken Sie das + Symbol. Das Dialogfeld Komponente hinzufügen öffnet sich.
-
Klicken Sie im Dialogfeld Komponente hinzufügen auf Video.
-
Den VideoURL einfügen.
{height="" width="500"}:::(Warning) (Note:)
Die Video-URL muss https enthalten, wenn das Pop-up auf einer sicheren Webseite angezeigt wird.
Benutzen Sie die folgenden Schritte, um ein Video im Pop-up hinzuzufügen, indem Sie die Komponente im Visual Editor hinzufügen:
-
Auf der Pop-up-Vorlage doppelklicken Sie auf den Text, um den Rich Text Editor zu öffnen.
-
Klicken Sie das + Symbol. Das Dialogfeld Komponente hinzufügen öffnet sich.
-
Klicken Sie im Dialogfeld Komponente hinzufügen auf Video.
-
Den VideoURL einfügen.
Die Video-URL muss https enthalten, wenn das Pop-up auf einer sicheren Webseite angezeigt wird.
- Klicken Sie Einsetzen.
- Verwenden Sie die Funktion Drag und Drop, um den Button um das Pop-up herum zu verschieben oder neu zu positionieren.
- Verwenden Sie die Drag-Handler, um den Button sowohl vertikal (spaltenweise) als auch horizontal (zeilenweise) zu verschieben oder neu zu positionieren.
Wann Sie Änderungen am Pop-up mithilfe der Drag Handlers vornehmen, können Sie bestimmte Änderungen leider nicht rückgängig machen. Erstellen Sie in diesem Fall das Pop-up neu.
Gehen Sie wie folgt vor, um ein zusätzliches Textfeld im Pop-up mithilfe des Hinzufügens von Komponenten im Visual Editor hinzuzufügen:
-
Auf der Pop-up-Vorlage doppelklicken Sie auf den Text, um den Rich Text Editor zu öffnen.
-
Klicken Sie das + Symbol. Das Dialogfeld Komponente hinzufügen öffnet sich.
-
Klicken Sie im Dialogfeld Komponente hinzufügen auf Text.
Die Textbox wird hinzugefügt.
- Verwenden Sie die Funktion Drag und Drop, um den Button um das Pop-up herum zu verschieben oder neu zu positionieren.
- Verwenden Sie die Drag-Handler, um den Button sowohl vertikal (spaltenweise) als auch horizontal (zeilenweise) zu verschieben oder neu zu positionieren.
Wann Sie Änderungen am Pop-up mithilfe der Drag Handlers vornehmen, können Sie bestimmte Änderungen leider nicht rückgängig machen. Erstellen Sie in diesem Fall das Pop-up neu.
:::
Anpassen Sie die Pop-up-Hintergrundfarbe und das Hintergrundbild direkt in der UI mithilfe des Visuals Editors.* Gehen Sie zu **Controls**, wählen Sie die **Farbe** des Pop-up Hintergrunds aus der vorhandenen Farbpalette oder geben Sie den Hex-Code der gewünschten Farbe ein. {height="" width="500"}
-
Um ein Bild zum Pop-up-Hintergrund hinzuzufügen, klicken Sie unter Steuerelemente auf Bild hochladen.
-
Fügen Sie die Einbettungs-URL des Bildes ein, das Sie einfügen möchten, oder laden Sie ein Bild von Ihrem lokalen Laufwerk oder der Whatfix Galerie hoch.
-
Klicken Sie Einsetzen.:::(Warning)(Note:)* Es werden nur .jpg- und .png Bildformate bis zu einer Größe von 4 MB unterstützt.
Passen Sie die Pop-up-Hintergrundfarbe und das Hintergrundbild mithilfe des Visual Editors direkt in der UI an.
-
Gehen Sie zu Controls, wählen Sie die Farbe des Pop-up-Hintergrunds aus der vorhandenen Farbpalette oder geben Sie den Hex Code der gewünschten Farbe ein.
-
Um ein Bild zum Pop-up-Hintergrund hinzuzufügen, klicken Sie unter Controls auf Bild hochladen.
-
Fügen Sie die Einbettungs-URL des Bildes ein, das Sie einsetzen möchten, oder laden Sie ein Bild von Ihrem lokalen Laufwerk oder der Whatfix Galerie hoch.
-
Klicken Sie Einsetzen.
- Es werden nur .jpg- und .png-Bildformate bis zu einer Größe von 4 MB unterstützt.