Top
Ein Pop-up bearbeiten
  • 18 Nov 2024
  • 4 Minuten zu lesen
  • Dunkel
    Licht
  • pdf

Ein Pop-up bearbeiten

  • Dunkel
    Licht
  • pdf

Artikel-Zusammenfassung

Bearbeiten Sie das Pop-up basierend auf Ihren Trainings- und Branding Anforderungen. Das Anpassen des Pop-up ermöglicht es Ihnen, Ihren Benutzern relevante Informationen auf einem gespiegelten Bildschirm zur Verfügung zu stellen.

your title goes here
  • Pop-Ups, die mit der alten Pop-up-Methode erstellt wurden, können nicht mit dem Visual Editor bearbeitet werden.
    Edit_popups

  • Klicken Sie Trotzdem fortsetzen um das Pop-up mit der alten Pop-up-Methode zu bearbeiten, oder klicken Sie Erstellen um das Pop-up mithilfe des Visual Editors mithilfe einer der 6 Popup-Vorlagen wiederherzustellen.

  • Bitte erstellen Sie alle Pop-Ups, die Sie bearbeiten möchten, bis Dezember 2024.

  • Wann Sie das Pop-up mithilfe des Visual Editors neu erstellen, werden die Visibility Rules des alten Pop-up beibehalten.

Verwenden Sie die folgenden Schritte, um ein Pop-up mit dem Visual Editor über das Dashboard zu bearbeiten:

  1. Auf dem Whatfix Guidance Dashboard, klicken Sie Widgets.
    ia_left_nav_widgets

  2. Klicken Sie Pop-ups.
    ia_widget_popups

  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

  1. Auf der Pop-up-Vorlage bearbeiten Sie den Titel und die Beschreibung für Ihr Pop-up.
    Edit_Popup_Title
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 Rich Text Inhalte in einem Pop-up mithilfe des Visual Editors hinzufügen.

  1. Bearbeiten Sie in dem Pop-up-Template den Button Namen für Ihr Pop-up.
    Pop-up button text
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

  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

  2. Klicken Sie auf das Dropdown-Menü neben Aktion, und wählen Sie dann die Button Aktion aus.
    Button_action

Die folgende Tabelle listet die verschiedenen Arten der Button Aktion, 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 Wann 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

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

Button_config

</div>
  • Klicken Sie auf das Button Größe Symbol, um den Button zu vergrößern.

Button_resize

</div>
  • Klicken Sie auf das Horizontale Ausrichten Symbol, um den Button horizontal auszurichten.

Horizontal Align

</div>
  • Klicken Sie auf das Vertikal ausrichten Symbol, um den Button vertikal auszurichten.

Vertical Align

</div>
  1. Im Rich Text Editor, klicken Sie auf das +-Symbol. Das Dialogfeld Komponente hinzufügen öffnet sich.
    Add_component

  2. Mit Komponente hinzufügen, fügen Sie Text, Button, Bild/GIF, Video und Audio zum Pop-up hinzu.
    open_add_component

Note
  • Fügen Sie bis zu 24 Komponenten zum Pop-Up hinzu, indem Sie den Reiter Komponente hinzufügen verwenden.

Add component(2)

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

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

</div>  
your title goes here

Wenn Sie Änderungen am Pop-up mit Hilfe 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?.

  1. Bestimmen Sie, ob Sie die Carousel Punkte und die Carouselpfeile anzeigen möchten, indem Sie die entsprechenden Togglen aktivieren/deaktivieren.
    enable_carousel_dots

  2. Um die Pop-up Position zu konfigurieren, aktivieren Sie den Toggle Popup positionieren.
    Popup_position

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 in Ihrer Anwendung interagieren.
  1. Stellen Sie die Position des Pop-up ein.
    Configure_popup_position
Note

Wenn Ihr Endbenutzer einen mobilen Browser benutzt, dann auch wenn Sie das Popup positionieren aktiviert und die Pop-up-Position konfiguriert haben Ihr Endbenutzer sieht das Popup in der Mitte der Seite. Der Grund dafür ist der begrenzte Bildschirmplatz auf mobilen Browsern.

  1. Klicken Sie auf das +-Symbol, um eine neue Slide zum Carousel Pop-up hinzuzufügen.
    add_new_slides
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. Sobald Sie das Pop-Up erstellt haben, klicken Sie Speichern.
    click_save_popup1

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.