Top
Bottom Sheet erstellen
  • 06 Jun 2024
  • 3 Minuten zu lesen
  • Dunkel
    Licht
  • pdf

Bottom Sheet erstellen

  • Dunkel
    Licht
  • pdf

Artikel-Zusammenfassung

Ein Bottom Sheet ist ein Popup-Widget, das den unteren Teil eines Bildschirms in einer App abdeckt. Es funktioniert wie ein Vollbild, blockiert jedoch nicht den gesamten Bildschirm und kann verwendet werden, um die Aufmerksamkeit des Benutzers auf Dinge wie Anwendungsaktualisierungen, neue Angebote usw. zu lenken.

Sie können Ihre Bottom Sheets erstellen und konfigurieren, indem Sie die folgenden Schritte ausführen:

Schritt 1: Ein Bottom Sheet-Projekt erstellen

  1. Wählen Sie auf dem Whatfix Mobile Dashboard die App aus, in der Sie Ihr Projekt erstellen möchten.
    dashboard_select_app

  2. Um einen neuen Projekt zu erstellen, klicken Sie Neu.
    new_project

  1. Im Abschnitt In-App-Nachrichten klicken Sie Bottom Sheet.
    2023-03-16_16-51-42.png

  1. Geben Sie einen Namen für Ihr Projekt ein.
    project_name

  2. Geben Sie die App-Version ein oder wählen Sie die App-Version über die Dropdown-Liste aus.
    app_version

    your title goes here
    • Verwenden Sie die neueste Version Ihrer App, um Whatfix Mobile-Inhalte zu erstellen. Weitere Informationen zur App-Version finden Sie unter Was ist eine App-Version?.
    • Stellen Sie sicher, dass Sie die korrekte App-Version aus dem App-Build hinzufügen, das in das Whatfix Mobile SDK integriert wurde.
  3. Klicken Sie Erstellen.
    create_walkthrough

  1. Ihr Bottom Sheet-Projekt wird erstellt und Sie werden zum Whatfix Mobile Studio weitergeleitet.
    bottomsheetstudio.png

Step 2: Die Bildschirme Ihrer mobilen Anwendungen erfassen

Mit dem Whatfix Creator-Widget können Sie Bildschirme in einem einzigen Schritt erfassen. Mit diesem Widget können Sie App-Bildschirme als Screenshots erfassen und in Ihrem Whatfix Mobile Dashboard speichern, um In-App-Anleitungsinhalte zu erstellen. Außerdem können Sie damit eine Vorschau Ihrer Projekte anzeigen und sie vor der Veröffentlichung testen.

Weitere Informationen über das Erfassen und Hinzufügen von App-Bildschirmen finden Sie unter Bildschirme von mobilen Anwendungen erfassen.

Gehen Sie wie folgt vor, um einen Bildschirm hinzuzufügen,

  1. Klicken Sie im Window Bildschirm identifizieren auf + Bildschirm hinzufügen..
    new_add_screen.png

  2. Wählen Sie den Bildschirm aus, auf dem Sie den Inhalt erstellen möchten, und klicken Sie Bildschirm hinzufügen.
    select_screen_add_screen.png

Step 3: Den Bildschirm identifizieren

Nach der Erfassung des Bildschirms müssen Sie die eindeutigen Elemente auf dem Bildschirm identifizieren und den Bildschirm kennzeichnen, damit das von Ihnen erstellte In-App-Erlebnis auf der richtigen Seite erscheint.

  1. Um die eindeutigen Elemente auf dem Bildschirm zu identifizieren und den richtigen Bildschirm zu markieren, klicken Sie Kennzeichen hinzufügen.
    add_identifier

  2. Klicken Sie auf das gewünschte Element auf der Seite.
    identifier_home

Beispiel: Wenn Sie ein unteres Blatt auf dem Startbildschirm anzeigen möchten, können Sie den Titel Start auswählen, der den Bildschirm eindeutig identifizieren kann und das untere Blatt auf dem richtigen Bildschirm anzeigt.

your title goes here

Klicken Sie Weitere hinzufügen, um mehr Elemente auf der Seite auszuwählen und wiederholen Sie dann Schritt 2.
add_more_identifier

Schritt 4: Das Bottom Sheet gestalten Sie können eine Vorlage für Ihr Bottom Sheet auswählen und dann das Bottom Sheet entsprechend Ihren Anforderungen gestalten.

Verwenden Sie die folgenden Schritte, um Ihr Bottom Sheet zu gestalten:

  1. Im Whatfix Mobile Studio, wählen Sie im Navigationsbereich Design aus.
    element_design

  2. Wählen Sie eine Vorlage für Ihr Bottom Sheet aus.
    template_bottomsheet

  3. Das Bottom Sheet erscheint am unteren Rand Ihres Bildschirms.
    bottom_sheet_appears

  4. Um die Audiofunktion für das In-App-Erlebnis in der Sprache Ihrer Wahl hinzuzufügen oder zu generieren, gehen Sie zum Abschnitt SPRACHUNTERSTÜTZUNG und wählen Sie dann die Sprache über das Dropdown-Menü aus.

languagehighlight.png

  1. Konfigurieren Sie AUTO DISMISS, wenn Sie ein Element automatisch nach einem Intervall ausblenden möchten. Sie können auch die Ereignisse TRIGGER und ELEMENT TERMINATION konfigurieren.
    autodismiss.png
your title goes here

Der Bottom Sheet, den Sie erstellen, wird automatisch gespeichert.

your title goes here

Um den Körper, Medien, Buttons usw. auf Ihrem Bottom Sheet zu konfigurieren und anzupassen, sehen Sie Bottom Sheet anpassen.

your title goes here


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.