Top
Die Pop-up Vorlagen mit dem Visual Editor anpassen
  • 18 Nov 2024
  • 4 Minuten zu lesen
  • Dunkel
    Licht
  • pdf

Die Pop-up Vorlagen mit dem Visual Editor anpassen

  • Dunkel
    Licht
  • pdf

Artikel-Zusammenfassung

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.

your title goes here
  • Ä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.
    Edit_popup_DB

Anwendungsfälle

Eine zusätzliche Button hinzufügen

Benutzen Sie die folgenden Schritte, um einen zusätzlichen Button im Popup hinzuzufügen, indem Sie die Komponente hinzufügen im Visual Editor:

  1. Auf der Pop-up Vorlage schweben Sie den Mauscursor über die Buttonecke und klicken Sie dann, um das Buttonkonfigurationsmenü zu öffnen.
    RTE_Button_Edit

  2. Klicken Sie auf das + Symbol. Das Dialog-Box Komponente hinzufügen wird geöffnet.
    click_add_component

  3. Im Dialogfeld Komponente hinzufügen, klicken Sie auf Button.
    click_button.png

Der Button wird hinzugefügt.

your title goes here

Whatfix ermöglicht es Ihnen, die folgenden Button-konfigurationen zu ändern:

  • Ändern Sie den Button Typ auf Primärer Button oder Sekundärer Button.

Button_Type

  • Klicken Sie auf das Button Stil Symbol, um die Farbe, Hover-Farbe und Eckenradius des Buttons zu ändern.

Button_config

  • Klicken Sie auf das Button Resize Symbol, um den Button zu vergrößern.

Button_resize

  • Klicken Sie auf das Horizontale Ausrichten Symbol, um den Button horizontal auszurichten.

Horizontal Align

  • Klicken Sie auf das Vertikal ausrichten Symbol, um den Button vertikal auszurichten.

Vertical Align

your title goes here
  • 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.

Button_DND

your title goes here

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.

Bild oder GIF hinzufügen

Gehen Sie wie folgt vor, um ein Bild im Pop-up mithilfe des Hinzufügens von Komponenten im Visual Editor hinzuzufügen:

  1. Auf der Pop-up-Vorlage doppelklicken Sie auf den Text, um den Rich Text Editor zu öffnen.
    Click_RTE

  2. Klicken Sie das + Symbol. Das Dialogfeld Komponente hinzufügen öffnet sich.
    click_add_component_icon

  3. Klicken Sie im Dialogfeld Komponente hinzufügen auf Bild.
    click_image

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

your title goes here
  • 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.
  1. Klicken Sie Einsetzen.
    click_insert

Das Bild wird hinzugefügt.

your title goes here
  • 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.

Image_dnd.

your title goes here

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.

Ein Video hinzufügen

Benutzen Sie die folgenden Schritte, um ein Video im Pop-up hinzuzufü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.
    Click_RTE

  2. Klicken Sie das + Symbol. Das Dialogfeld Komponente hinzufügen öffnet sich.
    click_add_component_icon

  3. Klicken Sie im Dialogfeld Komponente hinzufügen auf Video.
    Click_Video_Addcomponent

  4. Fügen Sie den VideoURL ein.
    Insert_video_url

your title goes here

Die Video-URL muss https enthalten, wenn das Pop-up auf einer sicheren Webseite angezeigt wird.

  1. Klicken Sie Einsetzen.
    Click_insert_video
your title goes here
  • 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.

Video_DND

your title goes here

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.

Fügen Sie eine zusätzliche Textbox hinzu

Gehen Sie wie folgt vor, um ein zusätzliches Textfeld im Pop-up mithilfe des Hinzufügens von Komponenten im Visual Editor hinzuzufügen:

  1. Auf der Pop-up-Vorlage doppelklicken Sie auf den Text, um den Rich Text Editor zu öffnen.
    Click_RTE

  2. Klicken Sie das + Symbol. Das Dialogfeld Komponente hinzufügen öffnet sich.
    click_add_component_icon

  3. Klicken Sie im Dialogfeld Komponente hinzufügen auf Text.
    Clm_mf_link

Die Textbox wird hinzugefügt.

your title goes here
  • 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.

DND_Textbox

your title goes here

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.

Hinzufügen Sie von Pop-up-Hintergrundanpassungen

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

  • Um ein Pop-up-Hintergrundbild hinzuzufügen, unter KONTROLLE, klicken Sie Bild hochladen.
    click_upload_image

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

  • Klicken Sie Einsetzen.

your title goes here
  • 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.
Ebenso können Sie mehrere Komponenten vermischen und abgleichen und Ihre eigene benutzerdefiniertes Vorlage erstellen.

War dieser Artikel hilfreich?

Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.