Native In-App-Nachrichten erstellen

Native In-Apps verwenden vorgefertigte Layouts, die das Pushwoosh SDK direkt auf dem Gerät rendert, anstatt der HTML-Seite, die eine benutzerdefinierte In-App lädt. Dadurch laden sie schneller und animieren flüssiger, und Sie benötigen keine Design- oder Entwicklerkenntnisse, um eine zu erstellen.

Greifen Sie zu einer nativen In-App, wenn Sie schnell eine Werbeaktion, eine Erinnerung oder eine Funktionsankündigung starten möchten und ein vollständig benutzerdefiniertes Layout nicht erforderlich ist. Wenn Sie die volle Kontrolle über das Design benötigen, erstellen Sie stattdessen eine HTML-basierte In-App.

Voraussetzungen

Hilfe von Entwicklern erforderlich

Sie können im Control Panel eine native In-App-Vorlage ohne Codeänderungen erstellen. Benutzer sehen sie jedoch nur, wenn ihre App eine Pushwoosh SDK-Version ausführt, die neu genug ist, um sie zu rendern. Erkundigen Sie sich vor dem Start bei Ihrem Entwicklungsteam.

Bevor Sie eine native In-App-Vorlage erstellen, stellen Sie sicher:

• Das Pushwoosh SDK ist in Ihre App integriert, damit In-App-Nachrichten angezeigt werden können. Erfahren Sie mehr
• Ihre App führt iOS SDK 7.2.0+ oder Android SDK 6.10.0+ aus. Alle drei Anzeigetypen (modal, fullscreen, stories) benötigen dieselbe Mindestversion und funktionieren auf beiden Plattformen.

Eine native In-App-Vorlage erstellen

1. Gehen Sie zu Inhalt → In-Apps.
2. Klicken Sie auf Vorlage hinzufügen.
3. Geben Sie einen Vorlagennamen ein.
4. Wählen Sie Native Rich Media erstellen.
5. Wählen Sie unter ANZEIGETYP modal, fullscreen oder stories.
6. Klicken Sie auf Vorlage hinzufügen.

Der Editor öffnet sich mit einer Live-Vorschau für Mobilgeräte auf der rechten Seite und den Vorlagenfeldern auf der linken Seite, gruppiert in Inhalt, Konfiguration und Aktionen. Was Sie in jeder Gruppe sehen, hängt vom gewählten Anzeigetyp ab.

Den Anzeigetyp konfigurieren

Vorsicht

Mit dem Dropdown-Menü Anzeigetyp oben im Editor können Sie jederzeit den Typ wechseln. Beim Wechseln werden jedoch alle Felder für Inhalt, Konfiguration und Aktionen unten auf ihre Standardwerte für den neuen Typ zurückgesetzt. Füllen Sie den Inhalt erst aus, nachdem Sie sich für einen Typ entschieden haben.

Modal

Eine zentrierte Karte, die optional über einem abgedunkelten Hintergrund angezeigt wird. Füllen Sie diese Felder im linken Bereich aus:

• Inhalt: ein Titel und eine Nachricht, jeweils mit eigener Textfarbe, sowie ein optionales Bild.
• Konfiguration: Hintergrundfarbe der Karte, ein Schalter für die Schaltfläche zum Schließen und ein Schalter für Hintergrund abdunkeln, der den Bildschirm hinter der Karte verdunkelt.
• Aktionen: eine oder mehrere Schaltflächen. Siehe Schaltflächen konfigurieren.

Fullscreen

Ein randloses Titelbild mit Text und Schaltflächen darüber. Füllen Sie diese Felder im linken Bereich aus:

• Inhalt: ein Titelbild sowie ein Titel und eine Nachricht, jeweils mit eigener Textfarbe.
• Konfiguration: eine Titelfarbe (wird angezeigt, während das Bild lädt oder anstelle davon) und ein Schalter für die Schaltfläche zum Schließen.
• Aktionen: eine oder mehrere Schaltflächen. Siehe Schaltflächen konfigurieren.

Stories

Eine Sequenz von Vollbild-Folien mit Fortschrittsbalken oben, ähnlich wie bei Social-Media-Stories. Jede Folie ist ein eigener Stories-Eintrag unter Inhalt.

1. Füllen Sie Bild, Titel und Nachricht der ersten Folie aus (jeweils mit eigener Textfarbe).
2. Stellen Sie unter Sekunden ein, wie lange die Folie auf dem Bildschirm bleibt, bevor sie weitergeht. Der Standardwert ist 5. Geben Sie einen Wert zwischen 1 und 30 ein. Werte außerhalb dieses Bereichs blockieren das Speichern mit einem Validierungsfehler.
3. Klicken Sie optional auf Hinzufügen innerhalb der Folie, um ihr eine eigene CTA-Schaltfläche zu geben. Siehe Schaltflächen konfigurieren.

4. Klicken Sie unter der letzten Folie auf Hinzufügen, um eine weitere Folie hinzuzufügen, und wiederholen Sie dann die Schritte 1-3 dafür.
5. Legen Sie unter Konfiguration diese Optionen fest, die für die gesamte Story gelten, nicht für eine einzelne Folie:
   • Schleife: nach der letzten Folie wieder bei der ersten Folie beginnen.
   • Schaltfläche zum Schließen: ein Schließen-Steuerelement (✕) anzeigen.

Beispiel, wie die fertige Story für den Benutzer aussieht

Schaltflächen konfigurieren

Modal, Vollbild und jede Stories-Folie verwenden dieselben Schaltflächenfelder:

• Schaltflächentext und seine Farbe.
• Hintergrund, Rahmenfarbe und Rahmenradius.
• Aktion: Wählen Sie, was passiert, wenn der Benutzer auf die Schaltfläche tippt:
  • schließen: schließt die In-App.
  • url: öffnet den Link, den Sie in das erscheinende Feld eingeben. Verwenden Sie eine Webadresse (z. B. https://example.com) oder einen Deep Link in Ihre App (z. B. myapp://product/123).

Klicken Sie auf Hinzufügen, um eine weitere Schaltfläche hinzuzufügen, oder auf das × auf einer Schaltfläche, um sie zu entfernen.

Vorsicht

Wenn Sie die Schaltfläche zum Schließen deaktivieren und auch keine andere Schaltfläche hinzufügen, hat der Benutzer keine Steuerung auf dem Bildschirm, um die In-App zu schließen.

Lokalisierungen hinzufügen

Standardmäßig hat eine native In-App eine Sprache. Um weitere hinzuzufügen:

1. Klicken Sie auf + neben der Sprachauswahl in der oberen Leiste.
2. Wählen Sie die hinzuzufügenden Sprachen aus und klicken Sie auf Anwenden.

3. Verwenden Sie die Sprachauswahl in der oberen Leiste, um zwischen den Sprachen zu wechseln und die Textfelder für jede Sprache auszufüllen.

Hinweis

Wenn Sie eine Sprache hinzufügen, kopiert Pushwoosh den Inhalt der Standardsprache hinein: Text, Bilder und Schaltflächenbeschriftungen. Wechseln Sie zu dieser Sprache und bearbeiten Sie jedes dieser Felder unabhängig voneinander.

Die Vorlage speichern

Klicken Sie oben rechts auf Speichern, um Ihre Änderungen zu übernehmen.

Die Vorlage erscheint dann unter Inhalt → In-Apps neben Ihren anderen In-App-Vorlagen.

In einer Kampagne verwenden

Eine native In-App-Vorlage erscheint in der Vorlagenauswahl zusammen mit Ihren anderen In-App-Vorlagen.

Sie können sie verwenden, um:

• Eine sofortige In-App senden
• Einen In-App-Schritt zu einer Customer Journey hinzufügen
• Eine In-App öffnen, wenn der Benutzer auf eine Push-Benachrichtigung tippt

Hinweis

Zustellungseinstellungen wie Start- und Enddatum und Frequency Capping funktionieren genauso wie bei jeder anderen In-App und sind nicht Teil dieses Editors.