- 18 Nov 2024
- 4 Minuten zu lesen
-
Drucken
-
DunkelLicht
-
pdf
Die Pop-up Vorlagen mit dem Visual Editor anpassen
- Aktualisiert am 18 Nov 2024
- 4 Minuten zu lesen
-
Drucken
-
DunkelLicht
-
pdf
Der Visual Editor ermöglicht es Ihnen, die Komponenten in Whatfix Pop-ups einfach zu entwerfen und anzupassen, ohne dass Sie Code bearbeiten müssen. Mit der ziehen und ablegen Funktion können Inhalt-Ersteller Pop-ups, Komponenten hinzufügen oder löschen und Anpassungen direkt in der UI hinzufügen.
- Ändern Sie die Größe eines Pop-ups während der Pop-up-Erstellung mit dem Whatfix Studio. Weitere Informationen zur Erstellung eines Pop-ups finden Sie unter Pop-up erstellen.
- Ein Pop-up kann auch nach der Erstellung mit dem Bearbeiten Symbol im Dashboard angepasst werden.
Anwendungsfälle
Benutzen Sie die folgenden Schritte, um einen zusätzlichen Button im Popup 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 auf das + Symbol. Das Dialog-Box Komponente hinzufügen wird geöffnet.
-
Im Dialogfeld Komponente hinzufügen, klicken Sie auf Button.
Der Button wird hinzugefügt.
Whatfix ermöglicht es Ihnen, die folgenden Button-konfigurationen zu ändern:
- Ändern Sie den Button Typ auf Primärer Button oder Sekundärer Button.
- Klicken Sie auf das Button Stil Symbol, um die Farbe, Hover-Farbe und Eckenradius des Buttons zu ändern.
- Klicken Sie auf das Button Resize Symbol, um den Button zu vergrößern.
- Klicken Sie auf das Horizontale Ausrichten Symbol, um den Button horizontal auszurichten.
- Klicken Sie auf das Vertikal ausrichten Symbol, um den Button vertikal auszurichten.
- Mit Ziehen und Ablegen Funktion verschieben oder positionieren Sie den Button um das Pop-Up.
- Mit den Drag-Handlern kann der Button sowohl vertikal (spaltenweise) als auch horizontal (zeilenweise) verschoben/neu positioniert werden.
wann Sie Änderungen am Pop-up mit dem Drag Handlern vornehmen, können Sie bestimmte Änderungen möglicherweise nicht rückgängig machen. In diesem Fall müssen Sie das Pop-up möglicherweise neu erstellen.
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, einfügen 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 mit einer Größe von bis zu 4 MB unterstützt.
- Klicken Sie Einsetzen.
Das Bild wird hinzugefügt.
- Mit der Ziehen und Ablegen -Funktion können Sie das Bild im Pop-up verschieben/neu positionieren.
- Mit den Drag-Handlern kann das Bild sowohl vertikal (spaltenweise) als auch horizontal (zeilenweise) verschoben/neu positioniert werden.
wann Sie Änderungen am Pop-up mit dem Drag Handlern vornehmen, können Sie bestimmte Änderungen möglicherweise nicht rückgängig machen. In diesem Fall müssen Sie das Pop-up möglicherweise neu erstellen.
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.
-
Fügen Sie den VideoURL ein.
Die Video-URL muss https enthalten, wenn das Pop-up auf einer sicheren Webseite angezeigt wird.
- Klicken Sie Einsetzen.
- Mit Ziehen und Ablegen Funktion verschieben oder positionieren Sie das Video um das Pop-up.
- Mit dem Drag Handler kann das Video sowohl vertikal (spaltenweise) als auch horizontal (zeilenweise) verschoben oder neu positioniert werden.
Wann Sie Änderungen am Pop-up mit dem Drag Handlern vornehmen, können Sie bestimmte Änderungen möglicherweise nicht rückgängig machen. In diesem Fall müssen Sie das Pop-up möglicherweise neu erstellen.
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.
- Mit der Ziehen und Ablegen-Funktion können Sie die Textbox in der Pop-up-Box verschieben/neu positionieren.
- Mit dem Drag Handler kann das Video sowohl vertikal (spaltenweise) als auch horizontal (zeilenwise) verschoben bzw. neu positioniert werden.
Wann Sie Änderungen am Pop-up mit dem Drag Handlern vornehmen, können Sie bestimmte Änderungen möglicherweise nicht rückgängig machen. In diesem Fall müssen Sie das Pop-up möglicherweise neu erstellen.
Passen Sie die Pop-up-Hintergrundfarbe und das Hintergrundbild mit Hilfe des Visual Editors direkt in der UI an.
-
Um die Pop-up Hintergrundfarbe zu ändern, unter KONTROLLE, wählen Sie die Farbe aus der vorhandenen Farbpalette oder geben Sie den Hex-Code der gewünschten Farbe ein.
-
Um ein Pop-up-Hintergrundbild hinzuzufügen, unter KONTROLLE, klicken Sie 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.
- Nur .jpg, und .png Bildformate mit einer Größe von 4 MB werden unterstützt.
- Das Pop-up Hintergrundbild und die Farbe können nur über Whatfix Studio und nicht über das Dashboard geändert werden.