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 in der GTM-Konfiguration „Allow HTML In-App Messages“ aktivieren.

Schritt 1: 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 Bearbeitungsoberfläche aus.

Schritt 2: Template auswählen

Nachdem Sie den Drag-and-Drop-Editor als Bearbeitungsmethode 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 Nachricht erstellen, um mit der Gestaltung Ihrer In-App-Nachricht im Drag-and-Drop-Editor zu beginnen.

Sie können auch über den Bereich 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.

Schritt 4: Erstellen und gestalten Sie Ihre In-App-Nachricht

Hier darf Ihre Nachricht im unverwechselbaren Stil Ihrer Marke glänzen. Mit einer Kombination aus Editor-Blöcken und Stileinstellungen können Sie Ihre In-App-Nachricht individuell 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 für die Erstellung von Nachrichten mit Rechts-nach-links-Schrift finden Sie unter Rechts-nach-links-Nachrichten erstellen.

Schritt 5: Testen Sie Ihre In-App-Nachricht

Im Abschnitt Vorschau und 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-Nachricht-Campaign aufeinander abgestimmt sind.

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-Test-Gruppen oder einzelne Nutzer:innen zu senden, muss Push auf Ihren Testgeräten aktiviert sein, bevor Sie den Test senden.

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

• Zufällige:r Nutzer:in: Braze wählt zufällig eine:n Nutzer:in 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 eine:n bestimmte:n Nutzer:in anhand der E-Mail-Adresse oder external_id auswählen. Die In-App-Nachricht wird basierend auf den Attributen und Ereignisinformationen dieser Nutzer:in in der Vorschau angezeigt.
• Benutzerdefinierte:r Nutzer:in: Sie können eine:n Nutzer:in 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, wenn Sie Ihre In-App-Nachricht testen:

• Haben Sie die Nachricht auf verschiedenen Geräten getestet?
• Werden die Bilder und Medien wie erwartet angezeigt und funktionieren sie korrekt?
• 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 hingelangen 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 Informationen 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 bestehende HTML-Nachrichten in den Editor übertragen?

Sie können bestehende 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. Für brazeBridge-JavaScript-Methoden und Beispiele zum Klick-Tracking siehe Benutzerdefinierte HTML-In-App-Nachrichten.

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

Derzeit ist der Editor auf modale und Vollbild-Nachrichten 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 speichern, indem Sie den Button Save as template verwenden, 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 In-App-Nachrichten-Templates auch erstellen und speichern, indem Sie zu Content > In-App Message navigieren.