Eine In-App-Nachricht mit Drag-and-Drop erstellen

Mit dem Drag-and-Drop-Editor können Sie vollständig angepasste und personalisierte In-App-Nachrichten in Campaigns oder Canvases erstellen – ganz mit der Drag-and-Drop-Bearbeitungserfahrung. Weitere Informationen zu den verfügbaren Bausteinen im Editor finden Sie unter Editor-Blöcke.

Wenn Sie Ihre vorhandenen benutzerdefinierten HTML-Templates oder von Drittanbietern erstellte Templates verwenden möchten, müssen diese im Drag-and-Drop-Editor neu erstellt werden.

Sie sind sich nicht sicher, ob Ihre In-App-Nachricht über eine Campaign oder einen Canvas gesendet werden soll? Campaigns eignen sich besser für einzelne, gezielte Messaging-Kampagnen, während Canvases besser für mehrstufige User-Journeys geeignet sind. Nachdem Sie ausgewählt haben, wo Sie Ihre Nachricht erstellen möchten, gehen wir die Schritte zum Erstellen einer Drag-and-Drop-In-App-Nachricht durch.

Voraussetzungen

SDK-Anforderungen

Weitere Voraussetzungen

• Für das Web-SDK muss die Initialisierungsoption allowUserSuppliedJavascript auf true gesetzt sein. Die Option enableHtmlInAppMessages ermöglicht ebenfalls die Funktion dieser Nachrichten, ist jedoch veraltet und sollte auf allowUserSuppliedJavascript aktualisiert werden.
• Wenn Sie Google Tag Manager verwenden, müssen Sie „Allow HTML In-App Messages“ in der GTM-Konfiguration aktivieren.

1. Schritt: Eine In-App-Nachricht erstellen

Erstellen Sie eine neue In-App-Nachricht oder einen Canvas-Schritt und wählen Sie dann Drag-And-Drop Editor als Ihre Bearbeitungserfahrung aus.

2. Schritt: Ihr Template auswählen

Nachdem Sie den Drag-and-Drop-Editor als Ihre Bearbeitungserfahrung ausgewählt haben, können Sie:

• Mit einem leeren Modal-Template beginnen
• Ein Braze Drag-and-Drop-In-App-Nachrichten-Template verwenden
• Ein gespeichertes Drag-and-Drop-In-App-Nachrichten-Template auswählen

Wählen Sie Build message, um mit dem Entwerfen Ihrer In-App-Nachricht im Drag-and-Drop-Editor zu beginnen.

Sie können auch über den Abschnitt Templates im Dashboard auf alle Templates zugreifen.

3. Schritt: Zusätzliche Seiten hinzufügen (optional)

Durch das Hinzufügen von Seiten zu Ihrer In-App-Nachricht können Sie Nutzer:innen durch einen sequenziellen Ablauf führen, z. B. einen Onboarding-Ablauf oder eine Willkommens-Journey. Sie können Seiten im Abschnitt Pages des Tabs Build verwalten.

• seiten hinzufügen
• seiten löschen oder umbenennen

In-App-Nachrichten beginnen standardmäßig mit einer Seite. So fügen Sie eine neue Seite hinzu:

1. Wählen Sie + Add page.
2. Wählen Sie aus der Liste der benutzerdefinierten oder von Braze bereitgestellten Templates.
3. Geben Sie der Seite einen aussagekräftigen Namen. Dies hilft Ihnen beim Verbinden der Seiten.

Tipp

Sie können bis zu 10 Seiten pro In-App-Nachricht hinzufügen.

So duplizieren Sie eine vorhandene Seite:

1. Bewegen Sie den Mauszeiger über die Seite in der Liste und wählen Sie More options.
2. Wählen Sie Duplicate.
3. Geben Sie der Seite einen aussagekräftigen Namen. Dies hilft Ihnen beim Verbinden der Seiten.

So löschen oder benennen Sie eine Seite um:

1. Bewegen Sie den Mauszeiger über die Seite in der Liste und wählen Sie More options.
2. Wählen Sie Rename oder Delete.

Schritt 3a: Seiten miteinander verbinden

Mehrseitige In-App-Nachrichten sind sequenziell, d. h. Nutzer:innen interagieren mit der Nachricht, indem sie tippen oder klicken, um zur nächsten Seite im Ablauf zu gelangen.

So verbinden Sie Seiten miteinander:

1. Wählen Sie Ihre Startseite aus.
2. Wählen Sie ein Button- oder Bildelement im Canvas aus.
3. Setzen Sie On-click behavior auf Go to page.
4. Wählen Sie die Seite aus, zu der Sie von der Startseite aus verlinken möchten.
5. Fahren Sie fort, bis alle Seiten verknüpft sind.

Wenn eine Seite nicht mit einer anderen Seite verknüpft ist, kann die Nachricht nicht gestartet werden.

Hinweis

Nutzer:innen können jederzeit den Schließen-X-Button auswählen, um die Nachricht zu verlassen. Dieser Button kann nicht entfernt werden.

4. Schritt: Ihre In-App-Nachricht erstellen und gestalten

Hier kann Ihre Nachricht im Stil Ihrer Marke glänzen. Mit einer Kombination aus Editor-Blöcken und Stileinstellungen können Sie Ihre In-App-Nachricht anpassen und gestalten.

• Eine Liste der verfügbaren Editor-Blöcke und ihrer Eigenschaften finden Sie unter Editor-Blöcke.
• Hilfe beim Anpassen des Erscheinungsbilds Ihrer Nachricht finden Sie unter Stileinstellungen.
• Best Practices zum Erstellen von Nachrichten mit Rechts-nach-Links-Schrift finden Sie unter Rechts-nach-Links-Nachrichten erstellen.

5. Schritt: Ihre In-App-Nachricht testen

Im Abschnitt Preview & Test können Sie Ihre In-App-Nachrichten auf verschiedenen Geräten in der Vorschau anzeigen und eine Testnachricht an Ihr Gerät senden. Hier können Sie sicherstellen, dass die Details auf allen Ihren Plattformen für Ihre Drag-and-Drop-In-App-Nachrichten-Campaign übereinstimmen.

Es ist wichtig, Ihre In-App-Nachrichten immer zu testen, bevor Sie Ihre Campaigns senden, damit Sie sich ein Bild davon machen können, wie Ihre endgültige Nachricht aus der Perspektive Ihrer Nutzer:innen aussehen wird.

Nachricht als Nutzer:in in der Vorschau anzeigen

Warnung

Um einen Test an Content-Testgruppen oder einzelne Nutzer:innen zu senden, muss Push auf Ihren Testgeräten vor dem Senden aktiviert sein.

Sie können Nachrichten im Tab Preview & Test in der Vorschau anzeigen, als wären Sie eine Nutzer:in. Sie können bestimmte Nutzer:innen, zufällige Nutzer:innen auswählen oder benutzerdefinierte Nutzer:innen erstellen:

• Zufällige Nutzer:in: Braze wählt zufällig Nutzer:innen aus der Datenbank aus und zeigt die In-App-Nachricht basierend auf deren Attributen oder Ereignisinformationen in der Vorschau an.
• Nutzer:in auswählen: Sie können bestimmte Nutzer:innen anhand ihrer E-Mail-Adresse oder external_id auswählen. Die In-App-Nachricht wird basierend auf den Attributen und Ereignisinformationen dieser Nutzer:innen in der Vorschau angezeigt.
• Benutzerdefinierte Nutzer:in: Sie können Nutzer:innen anpassen. Braze bietet Eingabefelder für alle verfügbaren Attribute und Ereignisse. Geben Sie alle Informationen ein, die Sie in der Vorschau-E-Mail sehen möchten.

Test-Checkliste

Berücksichtigen Sie die folgenden Fragen beim Testen Ihrer In-App-Nachricht:

• Haben Sie die Nachricht auf verschiedenen Geräten getestet?
• Werden die Bilder und Medien wie erwartet angezeigt und verhalten sie sich wie erwartet?
• Funktioniert Liquid wie erwartet? Haben Sie einen Standardattributwert für den Fall berücksichtigt, dass Liquid keine Informationen zurückgibt?
• Ist Ihr Text klar, prägnant und korrekt?
• Leiten Ihre Buttons die Nutzer:innen dorthin, wo sie hin sollen?

Häufig gestellte Fragen

Warum werden Body-Klicks nicht auf meiner Analytics-Seite angezeigt?

Body-Klicks werden für In-App-Nachrichten, die mit dem Drag-and-Drop-Editor erstellt wurden, nicht automatisch erfasst. Weitere Details finden Sie in den SDK-Changelogs für iOS und Android.

Kann ich basierend auf Button-Klicks segmentieren?

Ja, Sie können basierend auf Button-Klicks für bis zu zwei Buttons in Ihrer Nachricht segmentieren. Setzen Sie dazu den Identifier for Reporting für Ihre Buttons auf „0“ und „1“, was den Segmentierungsfiltern „Clicked in-app message button 1“ bzw. „Clicked in-app message button 2“ entspricht.

Kann ich meine In-App-Nachricht mit benutzerdefiniertem HTML oder JavaScript anpassen oder vorhandene HTML-Nachrichten in den Editor übertragen?

Sie können vorhandene HTML-Nachrichten nicht direkt in den Editor übertragen, aber Sie können rohes HTML, CSS und JavaScript in einen Custom-Code-Block einfügen. Sie können Custom-Code-Blöcke verwenden, um Videos von Drittanbietern und erweitertes Liquid einzubetten, z. B. Connected-Content oder bedingte Anweisungen.

Wie kann ich eine Slideup-In-App-Nachricht erstellen?

Derzeit ist der Editor auf Modal- und Vollbildnachrichten beschränkt. Sie können im Abschnitt Message container des Panels Message styles zwischen den Anzeigetypen wechseln.

Kann ich meine In-App-Nachricht als Template speichern, nachdem ich sie in meiner Campaign oder meinem Canvas erstellt habe?

Ja. Für jede In-App-Nachricht, die Sie in einer zukünftigen Campaign oder einem Canvas-Schritt wiederverwenden möchten, können Sie sie als benutzerdefiniertes Template über den Button Als Template speichern speichern, der nach dem Verlassen des Editors verfügbar ist. Bevor Sie sie als Template speichern können, müssen Sie die Campaign zuerst starten ODER als Entwurf speichern.

Sie können auch In-App-Nachrichten-Templates erstellen und speichern, indem Sie zu Content > In-App Message navigieren.