Ein Pop-up erstellen

Pop-ups können die Benutzer auf bestimmte Themes aufmerksam machen, die ihre sofortige Beachtung erfordern, sobald sie auf eine bestimmte Seite Ihrer Applikation wechseln. Sie können einen Flow, ein Video, ein Bild oder ein GIF an das Pop-up anhängen.

Pop-ups erstellen
Pop-up-Erstellung ist ein zweistufiger Prozess:
Schritt 1: Das Pop-up erstellen
Schritt 2: Das Pop-up konfigurieren

Ein Pop-up erstellen

Gehen Sie wie folgt vor, um Pop-ups über das Hub-Dashboard zu erstellen:

3. Klicken Sie Widget erstellen.
   

4. Klicken Sie Pop Up.
   

5. Wählen Sie das Farbschema über die Dropdown-Liste Theme aus.
   

   your title goes here

   Sie können auch Ihre eigene Farbe verwenden, indem Sie den Hex-Farbcode in das Textfeld eingeben.

6. Wählen Sie die Vorlage.

7. Klicken Sie oben auf den Text Untitled Pop-up, um einen Namen für das Pop-up-Segment einzugeben.
   

8. Bearbeiten Sie den Titel, die Beschreibung und den Button-Namen.\

   your title goes here

   • Um die Texte individuell anzupassen und sie auszurichten, doppelklicken Sie auf den Text, um den Editor zu öffnen. Hier können Sie Textfarben, Formate und Zeilenhöhe ändern, Bilder einfügen usw.
   • Doppelklicken Sie auf den Button-Text, um ihn zu bearbeiten.

9. Bewegen Sie den Cursor über den Button, und klicken Sie dann auf das Konfigurationsmenü dem Button.
   

10. Klicken Sie auf das Dropdown-Menü Aktion auswählen und wählen Sie die Aktion der Button aus.
    

    Button Aktion	Verhalten
    Flow anhängen	Wann der Benutzer auf den Button klickt, wird er zu einem Whatfix-Flow weitergeleitet, der mit dem Button verknüpft ist.
    URL anhängen	Wann der Benutzer auf den Button klickt, wird er zu der URL weitergeleitet, die mit dem Button verknüpft ist.
    Skip	Wann der Benutzer auf den Button klickt, überspringt er dieses bestimmte Pop-up und sieht das Pop-up so lange, bis er auf den Button Schließen oder Nicht mehr anzeigen klickt.
    Schließen	Wann der Benutzer auf den Button klickt, schließen sie dieses bestimmte Pop-up und sehen das Pop-up nicht mehr.

    your title goes here

    Sie können auch die Farbe dem Button, die Farbe des Schwebezustands und den Eckenradius über dieses Konfigurationsmenü anpassen.

11. Wählen Sie, ob Sie die Optionen X-Symbol bei Popup und Nicht mehr anzeigen anzeigen möchten, indem Sie den Toggle aktivieren.
    

    your title goes here

    Button	Verhalten	Beispiel: Ein Pop-up wird zweimal angezeigt
    Skip	Der Benutzer überspringt das Pop-up und die Anzahl der Anzeigen wird nicht beeinflusst	Benutzer, die auf den Button Überspringen klicken, sehen das Pop-up weiterhin, bis sie auf Schließen oder das Symbol "X" klicken. Wenn der Benutzer auf den Button "Überspringen" klickt, wird das Pop-up beim nächsten Mal angezeigt, wann er die Anwendung/Seite aktualisiert oder die Seite erneut besucht. Ein Beispiel: Nehmen wir an, Sie haben ein Pop-up Window erstellt, das nur einen Überspringen-Button und kein Schließen oder "X"-Symbol enthält. Wenn Sie die Anzeigezahl eines Pop-ups auf 1 setzen und ein Benutzer auf den Button Überspringen klickt. Der Benutzer sieht das Pop-up so lange, bis er es mit dem Symbol "Schließen" oder "X" schließt. Whatfix empfiehlt, einen Button Schließen oder "X" zu verwenden, um dieses Problem zu vermeiden.
    Schließen Button oder Symbol "X	Wenn Sie auf eine dieser Button klicken, wird das Pop-up geschlossen und die Anzeige wird als eine Ansicht gezählt	Benutzer, die auf Schließen klicken und das Pop-up verlassen, sehen Sie das Pop-up wieder basierend auf der Pop-up-Anzeigeanzahl.
    Mir nicht mehr anzeigen	Der Benutzer klickt auf das Kontrollkästchen, um sicherzustellen, dass das Pop-up nie wieder erscheint. Der Anzahl sinkt auf Null.	Benutzer, die auf das Nicht mehr anzeigen Kontrollkästchen klicken, sehen das Pop-up nie wieder. Es spielt keine Rolle, wenn die Anzahl nicht erreicht wurde.
    :::

    your title goes here

    Sie können eine Vorschau des Pop-ups auf mobilen und Desktop-Geräten anzeigen, indem Sie den Toggle button oben rechts im Pop-up verwenden.

12. Wenn Sie die Position des Pop-ups konfigurieren möchten, aktivieren Sie den Schalter Pop-up positionieren.
    

    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.

13. Die Position des Pop-up einstellen.
    

    Note

    Wenn Ihr Endbenutzer einen mobilen Browser verwendet, wird das Pop-up in der Mitte der Seite angezeigt, auch wenn Sie die Option Popup positionieren aktiviert und die Pop-up Position konfiguriert haben. Der Grund dafür ist der geringe Speicherplatz auf mobilen Browsern.

14. Klicken Sie Speichern, um das Pop-up zu speichern und als inaktiven Entwurf zu kennzeichnen, oder setzen Sie die Konfiguration des Pop-up fort.
    

    Note

    Sie können die Bearbeitung fortsetzen, indem Sie den Cursor über das Pop-up-Segment bewegen und auf das Bearbeiten Symbol klicken.

Die Pop-up Sichtbarkeitsregeln konfigurieren

Gehen Sie wie folgt vor, um ein Pop-up zu konfigurieren:

4. Klicken Sie Sichtbarkeitsregeln festlegen →.
   

5. Festlegen Sie der Wann Sichtbarkeitsregeln für das Pop-up.
   

   your title goes here

   Wenn das Pop-up einen Überspringen-Button hat und wenn Ihre Endbenutzer auf den Überspringen-Button klicken, wird dies nicht als Interaktion betrachtet und das Pop-up wird unabhängig von den Mal, die Sie festgelegt haben, angezeigt.

6. Klicken Sie Später fertigstellen oder Pop-up bearbeiten, je nach Ihrer Präferenz.
   

   • Später fertigstellen - Speichert das Pop-up als Entwurf und markiert es als inaktiv.
   • Pop-up bearbeiten: Bringt Sie zurück zum Pop-up, wo Sie Einstellungen festlegen können.

7. Wenn Sie mit der Erstellung des Pop-ups fertig sind, wählen Sie das Widget aus und klicken Sie dann an Bereit senden.
   

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