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

Drawer erstellen

  • Dunkel
    Licht
  • pdf

Artikel-Zusammenfassung

Drawers sind In-App-Nachrichten, die von den Seiten (entweder links oder rechts) des App-Bildschirms eingeschoben werden. Sie sind nützlich, um Informationen anzuzeigen, die für Ihre Endbenutzer leicht zugänglich sein müssen. Zum Beispiel können Sie Hilfsinformationen auf jeder App-Bildschirm als Drawer anzeigen.
drawer_example

Sie können Ihren Drawer erstellen und konfigurieren, indem Sie die folgenden Schritte ausführen:

Schritt 1: Erstellen Sie ein Drawer-Projekt
Schritt 2: Erfassen Sie Ihre Mobile App-Bildschirme
Schritt 3: Identifizieren Sie den Bildschirm
Schritt 4: Gestalten Sie den Drawer

Schritt 1: Ein Drawer 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, Drawer.
    in_app_drawer

  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 Drawer wird erstellt und Sie werden zum Whatfix Mobile Studio weitergeleitet.
    drawer_studio

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 einen Drawer auf dem Startbildschirm anzeigen möchten, können Sie den Titel Start auswählen, der den Bildschirm eindeutig identifizieren kann und den Drawer 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 Drawer gestalten Sie können eine Vorlage für Ihre Drawer auswählen und sie dann nach Ihren Wünschen gestalten.

Verwenden Sie die folgenden Schritte, um Ihren Drawer zu gestalten:

  1. Klicken Sie im Whatfix Mobile Studio auf Design.
    element_design

  2. Wählen Sie eine Vorlage für Ihren Drawer aus.
    template_drawer

your title goes here

Die Drawer-Vorlage, die Sie auswählen, erscheint im Studio.
2022-11-23_17-10-27

  1. Klicken Sie auf den Drawer, um sie nach Bedarf anzupassen. Weitere Informationen finden Sie unter Drawer anpassen.

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

  3. Konfigurieren Sie AUTO DISMISS, wenn Sie den Drawer nach einer Verzögerung ausblenden möchten. Sie können auch die EREIGNISSE TRIGGER und ELEMENT TERMINATION konfigurieren, um die Schublade auszulösen und zu beenden.
    termination_conditions

your title goes here

Für weitere Informationen über Elementauslöser und Beendigungsbedingungen sehen Sie

Der Drawer, die Sie erstellen, wird automatisch gespeichert.

your title goes here


War dieser Artikel hilfreich?

What's Next
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.