Skip to content

Editor-Blöcke im Drag-and-Drop-Editor

Editor-Blöcke sind die Kacheln, die Sie im Drag-and-Drop-Editor in Zeilen und Spalten ziehen.

Wählen Sie den Editor aus, den Sie verwenden:

Editor-Blöcke für In-App-Nachrichten

Editor-Blöcke befinden sich im Abschnitt Build für In-App-Nachrichten. Ziehen Sie einen Block in eine Spalte – er passt sich automatisch an die Spaltenbreite an. Wählen Sie einen Block aus, um seine Einstellungen im rechten Panel zu bearbeiten.

Weitere Informationen zum Erstellen von In-App-Nachrichten im Drag-and-Drop-Editor finden Sie unter In-App-Nachricht per Drag-and-Drop erstellen.

Titel und Absatz

Fügt Titel- oder Absatztext in die Nachricht ein.

Eigenschaft Beschreibung
Schriftfamilie Der Schriftstil für den Text.
Schriftstärke Bestimmt die Dicke des Textes.
Schriftgröße Bestimmt die Größe des Textes.
Zeilenhöhe Ändert den Abstand zwischen den Textzeilen.
Zeichenabstand Ändert den Abstand zwischen den einzelnen Zeichen.
Textausrichtung Verschiebt den Text, sodass er linksbündig, zentriert, rechtsbündig oder im Blocksatz ausgerichtet wird.
Textfarbe Ändert die Farbe des Textes.

Button

Fügt einen Standard-Button mit konfigurierbarem Styling, Links und Analytics hinzu.

Eigenschaft Beschreibung
Button-Breite Ändert die Breite des Buttons auf automatisch oder manuell.
Schriftfamilie Der Schriftstil für den Text.
Schriftstärke Bestimmt die Dicke des Textes.
Schriftgröße Bestimmt die Größe des Textes.
Zeichenabstand Ändert den Abstand zwischen den einzelnen Zeichen.
Button-Ausrichtung Verschiebt den Button nach links, zentriert oder rechts.
Button-Textfarbe Ändert die Farbe des Textes auf dem Button.
Hintergrundfarbe Ändert die Hintergrundfarbe des Buttons.
Rahmenstil Bestimmt den Stil des Button-Rahmens.
Rahmenradius Bestimmt, wie abgerundet die Ecken sind.

On-Click-Verhalten

Aktion Beschreibung
Formular senden, wenn Button angeklickt wird Sendet das Formular und führt das ausgewählte Klick-Verhalten aus. Deaktivieren Sie diese Option, um nur das Klick-Verhalten auszuführen.
Separates Verhalten für jede Plattform festlegen Passt das Verhalten des Buttons für jede Plattform separat an.
Klick-Verhalten Bestimmt die Aktion, wenn Nutzer:innen den Button anklicken, z. B. die Nachricht schließen, eine Internet-URL öffnen, einen Deeplink zu einer bestimmten Seite der App erstellen, zu einer anderen Seite navigieren oder eine Push-Berechtigung anfordern.
Angepasste Attribute oder Events protokollieren Bestimmt, ob das Anklicken des Buttons das Profil der Nutzer:innen mit angepassten Daten aktualisiert. Sie können auch den Bezeichner für das Reporting auswählen.

Radio-Button

Fügt eine Liste von Optionen hinzu, aus der Nutzer:innen eine auswählen können. Bei der Übermittlung protokolliert das Nutzerprofil das zugehörige angepasste Attribut, das ein String sein muss, um gespeichert zu werden. Angepasste Attribute mit anderen Datentypen werden nicht im Nutzerprofil gespeichert.

Eigenschaft Beschreibung
Name des angepassten Attributs Legt fest, welches angepasste Nutzer:innen-Attribut die ausgewählte Option speichert, wenn das Formular gesendet wird.
Gesamtanzahl der Auswahlmöglichkeiten Die Liste der Optionen; jede Option hat einen Labeltext (was Nutzer:innen sehen) und einen Attributwert (was gespeichert wird). Sie können bis zu 15 Auswahlmöglichkeiten hinzufügen, mindestens jedoch 2.
Schriftfamilie Schriftart für den Text der Optionsgruppe.
Schriftstärke Stärke des Textes (z. B. leicht, normal oder fett).
Schriftgröße Größe des Textes.
Zeilenhöhe Vertikaler Abstand zwischen den Textzeilen.
Textfarbe Farbe des Optionstextes.
Zeichenabstand Horizontaler Abstand zwischen den Zeichen.
Ausrichtung Horizontale Ausrichtung der Auswahlmöglichkeiten innerhalb des Blocks.
Akzentfarbe Farbe der Optionsfeld-Steuerelemente (z. B. der Indikator für den ausgewählten Zustand).
Padding Abstand um den Block herum.

Bild

Fügt ein Bild aus der Medienbibliothek ein.

Eigenschaft Beschreibung
URL Die gehostete Adresse für das Bild.
Ausrichtung Verschiebt das Bild nach links, zentriert oder nach rechts.
Hintergrundfarbe Ändert die Farbe des Bildhintergrunds.
Rahmenstil Bestimmt den Stil des Bildrahmens.
Rahmenradius Bestimmt, wie abgerundet die Ecken des Bildes sind.

Informationen zu Bildspezifikationen finden Sie in unseren Bildspezifikationen für In-App-Nachrichten.

On-Click-Verhalten

Aktion Beschreibung
Alternativtext Der geschriebene Text, der anstelle eines Bildes angezeigt wird, wenn das Bild nicht geladen werden kann. Screenreader lesen den Alternativtext vor, um Bilder zu erklären. Verwenden Sie daher eine einfache Sprache, um die wichtigsten Informationen über ein Bild zu vermitteln.
Formular senden, wenn auf das Bild geklickt wird Sendet das Formular ab und führt das ausgewählte Klickverhalten aus. Deaktivieren Sie diese Option, um nur das Klickverhalten auszuführen.
Separate Verhaltensweisen für jede Plattform festlegen Passt das Verhalten des Bildes für jede Plattform separat an.
Klickverhalten Bestimmt die Aktion, wenn Nutzer:innen auf das Bild klicken, z. B. die Nachricht schließen, eine Web-URL öffnen, einen Deeplink zu einer bestimmten Seite der App erstellen, zu einer anderen Seite navigieren oder eine Push-Berechtigung anfordern.
Angepasste Attribute oder Ereignisse protokollieren Bestimmt, ob das Klicken auf das Bild das Profil der Nutzer:innen mit angepassten Daten aktualisiert. Sie können auch den Bezeichner für das Reporting auswählen.

Fügt einen Hyperlink ein, auf den Nutzer:innen klicken können, um zu einer bestimmten URL zu navigieren. Kann in Text eingebettet oder eigenständig verwendet werden.

Eigenschaft Beschreibung
Schriftfamilie Der Schriftstil für den Text.
Schriftstärke Bestimmt die Stärke des Textes.
Zeichenabstand Ändert den Abstand zwischen den einzelnen Zeichen.
Textfarbe Ändert die Farbe des Textes.

On-Click-Verhalten

Aktion Beschreibung
URL Der Hyperlink, zu dem navigiert werden soll.
Bezeichner für Berichte Legt den Bezeichner für die Berichterstellung fest.

Spacer

Fügt Leerraum oder Padding zwischen anderen Blöcken hinzu.

Eigenschaft Beschreibung
Hintergrundfarbe Ändert die Hintergrundfarbe des SP.
Höhe Ändert die Höhe des SP. Sie können dies auch ändern, indem Sie die Ziehpunkte am SP verwenden.

Angepasster Code

Fügt angepasstes HTML, CSS oder JavaScript für erweiterte Anpassungen ein.

Eigenschaft Beschreibung
Angepasster Code Ermöglicht es Ihnen, HTML, CSS und JavaScript für eine In-App-Nachricht hinzuzufügen, zu bearbeiten oder zu löschen.

Telefonerfassung

Fügt ein Formularfeld für Telefonnummern ein. Nach der Übermittlung wird der/die Nutzer:in in die SMS- oder WhatsApp-Abo-Gruppe aufgenommen.

Eigenschaft Beschreibung
Abo-Gruppe Die SMS- oder WhatsApp-Abo-Gruppe, bei der die Nutzer:in beim Senden abonniert ist. Enthält eine Option, Telefonnummern aus allen Ländern zu erfassen.
Textausrichtung Verschiebt den Text, sodass er linksbündig, zentriert, rechtsbündig oder im Blocksatz ausgerichtet ist.
Platzhaltertext Eine Platzhalter-Telefonnummer zur Anzeige.

E-Mail-Erfassung

Fügt ein Formularfeld für E-Mail-Adressen ein. Nach der Übermittlung wird die E-Mail-Adresse dem Nutzerprofil in Braze hinzugefügt.

Eigenschaft Beschreibung
Schriftfamilie Der Schriftstil für den Text.
Schriftstärke Bestimmt die Dicke des Textes.
Schriftgröße Bestimmt die Größe des Textes.
Zeilenhöhe Ändert den Abstand zwischen den Textzeilen.
Textfarbe Ändert die Farbe des Textes.
Zeichenabstand Ändert den Abstand zwischen den einzelnen Zeichen.
Textausrichtung Verschiebt den Text, sodass er linksbündig, zentriert, rechtsbündig oder im Blocksatz ausgerichtet ist.
Platzhaltertext Eine Platzhalter-E-Mail-Adresse zur Anzeige.

Kurztext

Fügt ein Formularfeld ein, das Standardattribute (wie Vor- und Nachname) oder einen angepassten Attribut-String Ihrer Wahl unterstützt.

Eigenschaft Beschreibung
Erforderliches Eingabefeld Legt fest, ob das Feld ausgefüllt werden muss, bevor das Formular gesendet werden kann.
Maximale Zeichenanzahl Begrenzt, wie viele Zeichen ein:e Nutzer:in eingeben kann (angepasste String-Attribute sind auf 255 begrenzt).
Platzhaltertext Text, der im Eingabefeld angezeigt wird, bis der/die Nutzer:in etwas eingibt.
Attribut Speichert den übermittelten Wert als Vorname, Nachname oder Angepasstes Attribut im Nutzerprofil.
Name des angepassten Attributs Wählt aus, welches angepasste String-Attribut den übermittelten Wert erhält (verfügbar, wenn Attribut auf Angepasstes Attribut gesetzt ist).
Schriftfamilie Schriftart für den Eingabetext.
Schriftstärke Stärke (z. B. leicht, normal oder fett) des Eingabetexts.
Schriftgröße Größe des Eingabetexts.
Zeilenhöhe Vertikaler Abstand zwischen den Textzeilen.
Zeichenabstand Horizontaler Abstand zwischen den Zeichen.
Farbe Farbe des in das Feld eingegebenen Textes.
Textausrichtung Horizontale Ausrichtung des Eingabetexts innerhalb des Feldes.
Padding Abstand um den Block herum.

Dropdown

Fügt ein Dropdown-Menü mit einer vordefinierten Liste von Elementen ein, aus der Nutzer:innen eines auswählen können. Sie können der Liste beliebige angepasste Attribut-Strings hinzufügen.

Eigenschaft Beschreibung
Erforderliches Eingabefeld Legt fest, ob Nutzer:innen eine Option auswählen müssen, bevor das Formular gesendet werden kann.
Platzhaltertext Text, der im Dropdown angezeigt wird, bis Nutzer:innen eine Option auswählen.
Name des angepassten Attributs Legt fest, welches angepasste Nutzer:innen-Attribut den ausgewählten Wert erhält.
Optionen insgesamt Die Liste der Optionen; jede Option hat ein Optionslabel (was Nutzer:innen sehen) und einen Attributwert (was gespeichert wird).
Schriftfamilie Schriftart für den Dropdown-Text.
Schriftstärke Stärke des Textes (z. B. leicht, normal oder fett).
Schriftgröße Größe des Textes.
Zeilenhöhe Vertikaler Zeilenabstand.
Textfarbe Farbe des Dropdown-Textes.
Zeichenabstand Horizontaler Abstand zwischen den Zeichen.
Ausrichtung Horizontale Ausrichtung des Dropdowns (links oder zentriert).
Padding Abstand um den Block.

Kontrollkästchen

Fügt ein Kontrollkästchen ein. Wenn der/die Nutzer:in das Kästchen markiert, wird das angepasste boolesche Attribut des Blocks auf true gesetzt. Wenn es nicht markiert ist, wird das Attribut auf false gesetzt.

Eigenschaft Beschreibung
Erforderliches Eingabefeld Gibt an, ob das Kontrollkästchen aktiviert sein muss, bevor das Formular gesendet werden kann.
Name des angepassten Attributs Wählt aus, welches angepasste boolesche Attribut den Wert true erhält, wenn das Kontrollkästchen aktiviert ist, oder false, wenn es deaktiviert ist.
Akzentfarbe Farbe, die für die Gestaltung des Kontrollkästchens verwendet wird.
Padding Abstand um den Block herum.

Kontrollkästchen-Gruppe

Nutzer:innen können aus mehreren vorgegebenen Optionen auswählen. Die Werte werden festgelegt oder zu einem definierten angepassten Array-Attribut hinzugefügt.

Eigenschaft Beschreibung
Erforderliches Eingabefeld Legt fest, ob Nutzer:innen mindestens die Mindestanzahl an Optionen auswählen müssen, bevor sie das Formular senden können.
Mindestauswahl Mindestanzahl an Optionen, die Nutzer:innen auswählen müssen (wenn das Feld erforderlich ist).
Maximalauswahl Maximale Anzahl an Optionen, die Nutzer:innen auswählen können.
Name des angepassten Attributs Wählt aus, in welches Array-basierte angepasste Attribut die ausgewählten Werte geschrieben werden.
Aktion Legt fest, ob beim Senden Artikel festgelegt (das Array wird ersetzt) oder Artikel hinzugefügt (an das Array angehängt) werden.
Gesamtauswahl Die Liste der Optionen; jede Option hat einen Labeltext (was Nutzer:innen sehen) und einen Attributwert (was gespeichert wird).
Schriftfamilie Schriftart für die Optionslabels.
Schriftstärke Stärke (z. B. leicht, normal oder fett) des Optionslabeltexts.
Schriftgröße Größe des Optionslabeltexts.
Zeilenhöhe Vertikaler Abstand zwischen den Textzeilen.
Textfarbe Farbe des Optionslabeltexts.
Zeichenabstand Horizontaler Abstand zwischen den Zeichen.
Ausrichtung Horizontale Ausrichtung der Gruppe (Anfang oder Zentriert).
Akzentfarbe Farbe der Checkbox-Steuerelemente.
Padding Abstand um den Block herum.

Langtext

Mehrzeiliges Textfeld für umfrageähnliche Abläufe. Wenn Sie diesen Block nicht sehen, wenden Sie sich an den Braze-Support oder Ihren Customer-Success-Manager.

Eigenschaft Beschreibung
Erforderliches Eingabefeld Gibt an, ob das Feld ausgefüllt werden muss, bevor das Formular gesendet werden kann.
Mindestanzahl Zeichen Die Mindestanzahl an Zeichen, die Nutzer:innen eingeben müssen.
Höchstanzahl Zeichen Die Höchstanzahl an Zeichen, die Nutzer:innen eingeben können.
Zeichenanzahl ausblenden Blendet den Live-Zeichenzähler unterhalb des Textbereichs ein oder aus.
Platzhaltertext Text, der im leeren Textbereich angezeigt wird, bis Nutzer:innen etwas eingeben.
Höhe (Textzeilen) Steuert die Höhe des Textbereichs, gemessen in Zeilen.
Schriftfamilie Schriftart für den Text im Textbereich.
Schriftstärke Stärke des Textes (z. B. leicht, normal oder fett).
Schriftgröße Größe des Textes.
Zeilenhöhe Vertikaler Abstand zwischen den Textzeilen.
Textfarbe Farbe des Textes.
Zeichenabstand Horizontaler Abstand zwischen den Zeichen.

Wissenswertes

  • Video: Der Standard-Composer enthält keinen dedizierten Video-Block. Verwenden Sie Angepasster Code, um bei Bedarf einen Player einzubetten. Weitere Informationen finden Sie unter In-App-Nachrichten: Häufig gestellte Fragen.

Editor-Blöcke für Landing-Pages

Editor-Blöcke für Landing-Pages befinden sich im Abschnitt Erstellen des Drag-and-Drop-Editors unter Zeilen und Blockkategorien. Ziehen Sie einen Block in eine Zeilenspalte – er passt sich automatisch an die Spaltenbreite an. Wählen Sie einen Block aus, um seine Einstellungen im Eigenschaftenpanel auf der rechten Seite zu bearbeiten.

Weitere Informationen zum Erstellen und Veröffentlichen von Landing-Pages finden Sie unter Landing-Pages erstellen.

Titel und Absatz

Fügt Überschriften- oder Fließtext hinzu. Nützlich zum Strukturieren von Abschnitten und zur Verbesserung der Lesbarkeit.

Eigenschaft Beschreibung
Schriftfamilie Der Schriftstil für den Text.
Schriftstärke Bestimmt die Dicke des Textes.
Schriftgröße Bestimmt die Größe des Textes.
Zeilenhöhe Ändert den Abstand zwischen den Textzeilen.
Zeichenabstand Ändert den Abstand zwischen den einzelnen Zeichen.
Textausrichtung Verschiebt den Text, sodass er linksbündig, zentriert, rechtsbündig oder im Blocksatz ausgerichtet wird.
Textfarbe Ändert die Farbe des Textes.

Button

Fügt ein klickbares Element für Aktionen wie das Öffnen eines Links oder das Absenden eines Formulars hinzu.

Eigenschaft Beschreibung
Button-Breite Ändert die Breite des Buttons auf automatisch oder manuell.
Schriftfamilie Der Schriftstil für den Text.
Schriftstärke Bestimmt die Dicke des Textes.
Schriftgröße Bestimmt die Größe des Textes.
Zeichenabstand Ändert den Abstand zwischen den einzelnen Zeichen.
Button-Ausrichtung Verschiebt den Button nach links, zentriert oder rechts.
Button-Textfarbe Ändert die Farbe des Textes auf dem Button.
Hintergrundfarbe Ändert die Hintergrundfarbe des Buttons.
Rahmenstil Bestimmt den Stil des Button-Rahmens.
Rahmenradius Bestimmt, wie abgerundet die Ecken sind.

Verhalten bei Klick

Aktion Beschreibung
Formular senden, wenn Button angeklickt wird Sendet das Formular und führt das ausgewählte Klick-Verhalten aus. Deaktivieren Sie diese Option, um nur das Klick-Verhalten auszuführen.
Separates Verhalten für jede Plattform festlegen Passt das Verhalten des Buttons für jede Plattform separat an.
Klick-Verhalten Bestimmt die Aktion, wenn Nutzer:innen den Button anklicken, z. B. die Nachricht schließen, eine Internet-URL öffnen, einen Deeplink zu einer bestimmten Seite der App erstellen, zu einer anderen Seite navigieren oder eine Push-Berechtigung anfordern.
Angepasste Attribute oder Events protokollieren Bestimmt, ob das Anklicken des Buttons das Profil der Nutzer:innen mit angepassten Daten aktualisiert. Sie können auch den Bezeichner für das Reporting auswählen.

Optionsfeld

Fügt eine Liste von Optionen hinzu, aus der Nutzer:innen eine auswählen können. Verwenden Sie das Eigenschaftenpanel, um die verfügbaren Optionen und das angepasste Attribut zu konfigurieren, das den ausgewählten Wert empfängt. Das Nutzerprofil protokolliert den ausgewählten Wert als angepasstes String-Attribut, wenn das Formular abgesendet wird. Angepasste Attribute mit anderen Datentypen werden nicht im Nutzerprofil gespeichert.

Eigenschaft Beschreibung
Name des angepassten Attributs Legt fest, welches angepasste Nutzer:innen-Attribut die ausgewählte Option speichert, wenn das Formular gesendet wird.
Gesamtanzahl der Auswahlmöglichkeiten Die Liste der Optionen; jede Option hat einen Labeltext (was Nutzer:innen sehen) und einen Attributwert (was gespeichert wird). Sie können bis zu 15 Auswahlmöglichkeiten hinzufügen, mindestens jedoch 2.
Schriftfamilie Schriftart für den Text der Optionsgruppe.
Schriftstärke Stärke des Textes (z. B. leicht, normal oder fett).
Schriftgröße Größe des Textes.
Zeilenhöhe Vertikaler Abstand zwischen den Textzeilen.
Textfarbe Farbe des Optionstextes.
Zeichenabstand Horizontaler Abstand zwischen den Zeichen.
Ausrichtung Horizontale Ausrichtung der Auswahlmöglichkeiten innerhalb des Blocks.
Akzentfarbe Farbe der Optionsfeld-Steuerelemente (z. B. der Indikator für den ausgewählten Zustand).
Padding Abstand um den Block herum.

Bild

Zeigt ein Bild aus einem Upload oder einer externen URL an.

Eigenschaft Beschreibung
URL Die gehostete Adresse für das Bild.
Ausrichtung Verschiebt das Bild nach links, zentriert oder nach rechts.
Hintergrundfarbe Ändert die Farbe des Bildhintergrunds.
Rahmenstil Bestimmt den Stil des Bildrahmens.
Rahmenradius Bestimmt, wie abgerundet die Ecken des Bildes sind.

Verhalten bei Klick

Aktion Beschreibung
Alternativtext Der geschriebene Text, der anstelle eines Bildes angezeigt wird, wenn das Bild nicht geladen werden kann. Screenreader lesen den Alternativtext vor, um Bilder zu erklären. Verwenden Sie daher eine einfache Sprache, um die wichtigsten Informationen über ein Bild zu vermitteln.
Formular senden, wenn auf das Bild geklickt wird Sendet das Formular ab und führt das ausgewählte Klickverhalten aus. Deaktivieren Sie diese Option, um nur das Klickverhalten auszuführen.
Separate Verhaltensweisen für jede Plattform festlegen Passt das Verhalten des Bildes für jede Plattform separat an.
Klickverhalten Bestimmt die Aktion, wenn Nutzer:innen auf das Bild klicken, z. B. die Nachricht schließen, eine Web-URL öffnen, einen Deeplink zu einer bestimmten Seite der App erstellen, zu einer anderen Seite navigieren oder eine Push-Berechtigung anfordern.
Angepasste Attribute oder Ereignisse protokollieren Bestimmt, ob das Klicken auf das Bild das Profil der Nutzer:innen mit angepassten Daten aktualisiert. Sie können auch den Bezeichner für das Reporting auswählen.

Fügt einen Hyperlink hinzu, den Nutzer:innen auswählen können, um zu einer URL zu gelangen. Kann in Text eingebettet oder eigenständig stehen.

Eigenschaft Beschreibung
Schriftfamilie Der Schriftstil für den Text.
Schriftstärke Bestimmt die Stärke des Textes.
Zeichenabstand Ändert den Abstand zwischen den einzelnen Zeichen.
Textfarbe Ändert die Farbe des Textes.

Verhalten bei Klick

Aktion Beschreibung
URL Der Hyperlink, zu dem navigiert werden soll.
Bezeichner für Berichte Legt den Bezeichner für die Berichterstellung fest.

Abstandshalter

Fügt vertikalen Abstand zwischen Elementen hinzu.

Eigenschaft Beschreibung
Hintergrundfarbe Ändert die Hintergrundfarbe des SP.
Höhe Ändert die Höhe des SP. Sie können dies auch ändern, indem Sie die Ziehpunkte am SP verwenden.

Benutzerdefinierter Code

Fügt benutzerdefiniertes HTML, CSS oder JavaScript für erweiterte Anpassungen ein, z. B. Google Tag Manager.

Eigenschaft Beschreibung
Benutzerdefinierter Code Ermöglicht das Hinzufügen, Bearbeiten oder Löschen von HTML, CSS und JavaScript.

E-Mail-Erfassung

Fügt ein Formularfeld für E-Mail-Adressen hinzu. Beim Absenden wird die Adresse im Braze-Profil der Nutzer:innen gespeichert.

Eigenschaft Beschreibung
Schriftfamilie Der Schriftstil für den Text.
Schriftstärke Bestimmt die Dicke des Textes.
Schriftgröße Bestimmt die Größe des Textes.
Zeilenhöhe Ändert den Abstand zwischen den Textzeilen.
Textfarbe Ändert die Farbe des Textes.
Zeichenabstand Ändert den Abstand zwischen den einzelnen Zeichen.
Textausrichtung Verschiebt den Text, sodass er linksbündig, zentriert, rechtsbündig oder im Blocksatz ausgerichtet ist.
Platzhaltertext Eine Platzhalter-E-Mail-Adresse zur Anzeige.

Telefonnummer-Erfassung

Fügt ein Formularfeld für Telefonnummern hinzu. Beim Absenden werden die Nutzer:innen für Ihre ausgewählte SMS- oder WhatsApp-Abo-Gruppe angemeldet.

Eigenschaft Beschreibung
Abo-Gruppe Die SMS- oder WhatsApp-Abo-Gruppe, bei der die Nutzer:in beim Senden abonniert ist. Enthält eine Option, Telefonnummern aus allen Ländern zu erfassen.
Textausrichtung Verschiebt den Text, sodass er linksbündig, zentriert, rechtsbündig oder im Blocksatz ausgerichtet ist.
Platzhaltertext Eine Platzhalter-Telefonnummer zur Anzeige.

Eingabefeld

Fügt ein Formularfeld für Standardattribute (z. B. Vor- oder Nachname) oder einen angepassten String-Attributwert hinzu.

Eigenschaft Beschreibung
Erforderliches Eingabefeld Legt fest, ob das Feld ausgefüllt werden muss, bevor das Formular gesendet werden kann.
Maximale Zeichenanzahl Begrenzt, wie viele Zeichen ein:e Nutzer:in eingeben kann (angepasste String-Attribute sind auf 255 begrenzt).
Platzhaltertext Text, der im Eingabefeld angezeigt wird, bis der/die Nutzer:in etwas eingibt.
Attribut Speichert den übermittelten Wert als Vorname, Nachname oder Angepasstes Attribut im Nutzerprofil.
Name des angepassten Attributs Wählt aus, welches angepasste String-Attribut den übermittelten Wert erhält (verfügbar, wenn Attribut auf Angepasstes Attribut gesetzt ist).
Schriftfamilie Schriftart für den Eingabetext.
Schriftstärke Stärke (z. B. leicht, normal oder fett) des Eingabetexts.
Schriftgröße Größe des Eingabetexts.
Zeilenhöhe Vertikaler Abstand zwischen den Textzeilen.
Zeichenabstand Horizontaler Abstand zwischen den Zeichen.
Farbe Farbe des in das Feld eingegebenen Textes.
Textausrichtung Horizontale Ausrichtung des Eingabetexts innerhalb des Feldes.
Padding Abstand um den Block herum.

Dropdown

Eine vordefinierte Liste von Elementen, aus der Nutzer:innen eines auswählen. Sie können Werte angepassten String-Attributen zuordnen.

Eigenschaft Beschreibung
Erforderliches Eingabefeld Legt fest, ob Nutzer:innen eine Option auswählen müssen, bevor das Formular gesendet werden kann.
Platzhaltertext Text, der im Dropdown angezeigt wird, bis Nutzer:innen eine Option auswählen.
Name des angepassten Attributs Legt fest, welches angepasste Nutzer:innen-Attribut den ausgewählten Wert erhält.
Optionen insgesamt Die Liste der Optionen; jede Option hat ein Optionslabel (was Nutzer:innen sehen) und einen Attributwert (was gespeichert wird).
Schriftfamilie Schriftart für den Dropdown-Text.
Schriftstärke Stärke des Textes (z. B. leicht, normal oder fett).
Schriftgröße Größe des Textes.
Zeilenhöhe Vertikaler Zeilenabstand.
Textfarbe Farbe des Dropdown-Textes.
Zeichenabstand Horizontaler Abstand zwischen den Zeichen.
Ausrichtung Horizontale Ausrichtung des Dropdowns (links oder zentriert).
Padding Abstand um den Block.

Kontrollkästchen

Wenn aktiviert, wird das angepasste boolesche Attribut des Blocks auf true gesetzt; wenn deaktiviert, auf false.

Eigenschaft Beschreibung
Erforderliches Eingabefeld Gibt an, ob das Kontrollkästchen aktiviert sein muss, bevor das Formular gesendet werden kann.
Name des angepassten Attributs Wählt aus, welches angepasste boolesche Attribut den Wert true erhält, wenn das Kontrollkästchen aktiviert ist, oder false, wenn es deaktiviert ist.
Akzentfarbe Farbe, die für die Gestaltung des Kontrollkästchens verwendet wird.
Padding Abstand um den Block herum.

Kontrollkästchengruppe

Nutzer:innen wählen mehrere Optionen aus; die Werte werden in einem definierten angepassten Array-Attribut gesetzt oder angehängt.

Eigenschaft Beschreibung
Erforderliches Eingabefeld Legt fest, ob Nutzer:innen mindestens die Mindestanzahl an Optionen auswählen müssen, bevor sie das Formular senden können.
Mindestauswahl Mindestanzahl an Optionen, die Nutzer:innen auswählen müssen (wenn das Feld erforderlich ist).
Maximalauswahl Maximale Anzahl an Optionen, die Nutzer:innen auswählen können.
Name des angepassten Attributs Wählt aus, in welches Array-basierte angepasste Attribut die ausgewählten Werte geschrieben werden.
Aktion Legt fest, ob beim Senden Artikel festgelegt (das Array wird ersetzt) oder Artikel hinzugefügt (an das Array angehängt) werden.
Gesamtauswahl Die Liste der Optionen; jede Option hat einen Labeltext (was Nutzer:innen sehen) und einen Attributwert (was gespeichert wird).
Schriftfamilie Schriftart für die Optionslabels.
Schriftstärke Stärke (z. B. leicht, normal oder fett) des Optionslabeltexts.
Schriftgröße Größe des Optionslabeltexts.
Zeilenhöhe Vertikaler Abstand zwischen den Textzeilen.
Textfarbe Farbe des Optionslabeltexts.
Zeichenabstand Horizontaler Abstand zwischen den Zeichen.
Ausrichtung Horizontale Ausrichtung der Gruppe (Anfang oder Zentriert).
Akzentfarbe Farbe der Checkbox-Steuerelemente.
Padding Abstand um den Block herum.

Langer Text

Mehrzeiliges Textfeld für umfrageähnliche Abläufe. Wenn Sie diesen Block nicht sehen, wenden Sie sich an den Braze-Support oder Ihren Customer-Success-Manager. Dieser Block ist für Standard-Landing-Pages nicht verfügbar.

Eigenschaft Beschreibung
Erforderliches Eingabefeld Gibt an, ob das Feld ausgefüllt werden muss, bevor das Formular gesendet werden kann.
Mindestanzahl Zeichen Die Mindestanzahl an Zeichen, die Nutzer:innen eingeben müssen.
Höchstanzahl Zeichen Die Höchstanzahl an Zeichen, die Nutzer:innen eingeben können.
Zeichenanzahl ausblenden Blendet den Live-Zeichenzähler unterhalb des Textbereichs ein oder aus.
Platzhaltertext Text, der im leeren Textbereich angezeigt wird, bis Nutzer:innen etwas eingeben.
Höhe (Textzeilen) Steuert die Höhe des Textbereichs, gemessen in Zeilen.
Schriftfamilie Schriftart für den Text im Textbereich.
Schriftstärke Stärke des Textes (z. B. leicht, normal oder fett).
Schriftgröße Größe des Textes.
Zeilenhöhe Vertikaler Abstand zwischen den Textzeilen.
Textfarbe Farbe des Textes.
Zeichenabstand Horizontaler Abstand zwischen den Zeichen.

Wissenswertes

  • Video: Der Standard-Composer enthält keinen dedizierten Video-Block. Verwenden Sie Benutzerdefinierter Code, um bei Bedarf einen Player einzubetten. Weitere Informationen finden Sie unter Landing-Pages.

Editor-Blöcke für Banner

Ziehen Sie im Banner-Composer Zeilen und Blöcke aus dem Abschnitt Build auf die Arbeitsfläche, um Ihre Nachricht zu gestalten. Wählen Sie Styles aus, um das Styling auf Seitenebene anzupassen, oder wählen Sie einen Block oder eine Zeile aus, um deren Eigenschaften im Seitenpanel zu bearbeiten.

Den vollständigen Ablauf zur Banner-Erstellung finden Sie unter Ein Banner erstellen.

Der Banner-Composer bietet dieselben Layout-Blöcke wie andere Drag-and-drop-Oberflächen, jedoch nicht den vollständigen Satz an Formularblöcken (z. B. keine Optionsfeld-, Kurztext-, Dropdown- oder Kontrollkästchen-Blöcke). Sie können Phone capture- und Email capture-Blöcke hinzufügen; pro Nachricht ist nur ein Phone-capture- und ein Email-capture-Block zulässig.

Titel und Absatz

Fügt Überschriften- oder Fließtext mit Rich-Text-Optionen hinzu.

Eigenschaft Beschreibung
Schriftfamilie Der Schriftstil für den Text.
Schriftstärke Bestimmt die Dicke des Textes.
Schriftgröße Bestimmt die Größe des Textes.
Zeilenhöhe Ändert den Abstand zwischen den Textzeilen.
Zeichenabstand Ändert den Abstand zwischen den einzelnen Zeichen.
Textausrichtung Verschiebt den Text, sodass er linksbündig, zentriert, rechtsbündig oder im Blocksatz ausgerichtet wird.
Textfarbe Ändert die Farbe des Textes.

Button

Fügt einen klickbaren Button hinzu. Links und Analytics-Optionen können im Eigenschaftenpanel festgelegt werden.

Eigenschaft Beschreibung
Button-Breite Ändert die Breite des Buttons auf automatisch oder manuell.
Schriftfamilie Der Schriftstil für den Text.
Schriftstärke Bestimmt die Dicke des Textes.
Schriftgröße Bestimmt die Größe des Textes.
Zeichenabstand Ändert den Abstand zwischen den einzelnen Zeichen.
Button-Ausrichtung Verschiebt den Button nach links, zentriert oder rechts.
Button-Textfarbe Ändert die Farbe des Textes auf dem Button.
Hintergrundfarbe Ändert die Hintergrundfarbe des Buttons.
Rahmenstil Bestimmt den Stil des Button-Rahmens.
Rahmenradius Bestimmt, wie abgerundet die Ecken sind.

Klickverhalten

Aktion Beschreibung
Formular senden, wenn Button angeklickt wird Sendet das Formular und führt das ausgewählte Klick-Verhalten aus. Deaktivieren Sie diese Option, um nur das Klick-Verhalten auszuführen.
Separates Verhalten für jede Plattform festlegen Passt das Verhalten des Buttons für jede Plattform separat an.
Klick-Verhalten Bestimmt die Aktion, wenn Nutzer:innen den Button anklicken, z. B. die Nachricht schließen, eine Internet-URL öffnen, einen Deeplink zu einer bestimmten Seite der App erstellen, zu einer anderen Seite navigieren oder eine Push-Berechtigung anfordern.
Angepasste Attribute oder Events protokollieren Bestimmt, ob das Anklicken des Buttons das Profil der Nutzer:innen mit angepassten Daten aktualisiert. Sie können auch den Bezeichner für das Reporting auswählen.

Weitere Informationen finden Sie unter Klickverhalten definieren im Banner-Artikel.

Bild

Zeigt ein Bild von einer gehosteten URL an. Anzeigeoptionen können im Eigenschaftenpanel konfiguriert werden.

Eigenschaft Beschreibung
URL Die gehostete Adresse für das Bild.
Ausrichtung Verschiebt das Bild nach links, zentriert oder nach rechts.
Hintergrundfarbe Ändert die Farbe des Bildhintergrunds.
Rahmenstil Bestimmt den Stil des Bildrahmens.
Rahmenradius Bestimmt, wie abgerundet die Ecken des Bildes sind.

Klickverhalten

Aktion Beschreibung
Alternativtext Der geschriebene Text, der anstelle eines Bildes angezeigt wird, wenn das Bild nicht geladen werden kann. Screenreader lesen den Alternativtext vor, um Bilder zu erklären. Verwenden Sie daher eine einfache Sprache, um die wichtigsten Informationen über ein Bild zu vermitteln.
Formular senden, wenn auf das Bild geklickt wird Sendet das Formular ab und führt das ausgewählte Klickverhalten aus. Deaktivieren Sie diese Option, um nur das Klickverhalten auszuführen.
Separate Verhaltensweisen für jede Plattform festlegen Passt das Verhalten des Bildes für jede Plattform separat an.
Klickverhalten Bestimmt die Aktion, wenn Nutzer:innen auf das Bild klicken, z. B. die Nachricht schließen, eine Web-URL öffnen, einen Deeplink zu einer bestimmten Seite der App erstellen, zu einer anderen Seite navigieren oder eine Push-Berechtigung anfordern.
Angepasste Attribute oder Ereignisse protokollieren Bestimmt, ob das Klicken auf das Bild das Profil der Nutzer:innen mit angepassten Daten aktualisiert. Sie können auch den Bezeichner für das Reporting auswählen.

Fügt einen Hyperlink ein, den Nutzer:innen auswählen können.

Eigenschaft Beschreibung
Schriftfamilie Der Schriftstil für den Text.
Schriftstärke Bestimmt die Stärke des Textes.
Zeichenabstand Ändert den Abstand zwischen den einzelnen Zeichen.
Textfarbe Ändert die Farbe des Textes.

Klickverhalten

Aktion Beschreibung
URL Der Hyperlink, zu dem navigiert werden soll.
Bezeichner für Berichte Legt den Bezeichner für die Berichterstellung fest.

Abstandshalter

Fügt vertikalen Abstand zwischen Blöcken hinzu.

Eigenschaft Beschreibung
Hintergrundfarbe Ändert die Hintergrundfarbe des SP.
Höhe Ändert die Höhe des SP. Sie können dies auch ändern, indem Sie die Ziehpunkte am SP verwenden.

Benutzerdefinierter Code

Fügt benutzerdefiniertes HTML für erweiterte Layouts oder eingebettete Inhalte (z. B. Video) ein. Klicks innerhalb von benutzerdefiniertem HTML werden nicht getrackt, es sei denn, Sie rufen brazeBridge.logClick() auf – siehe Benutzerdefinierter Code und JavaScript-Bridge für Banner.

Telefonnummernerfassung

Erfasst eine Telefonnummer. Beim Absenden werden die Nutzer:innen in Ihre ausgewählte SMS- oder WhatsApp-Abo-Gruppe eingetragen. Nur eine pro Banner.

Eigenschaft Beschreibung
Abo-Gruppe Die SMS- oder WhatsApp-Abo-Gruppe, bei der die Nutzer:in beim Senden abonniert ist. Enthält eine Option, Telefonnummern aus allen Ländern zu erfassen.
Textausrichtung Verschiebt den Text, sodass er linksbündig, zentriert, rechtsbündig oder im Blocksatz ausgerichtet ist.
Platzhaltertext Eine Platzhalter-Telefonnummer zur Anzeige.

E-Mail-Erfassung

Erfasst eine E-Mail-Adresse und fügt sie beim Absenden dem Braze-Profil der Nutzer:innen hinzu. Nur eine pro Banner.

Eigenschaft Beschreibung
Schriftfamilie Der Schriftstil für den Text.
Schriftstärke Bestimmt die Dicke des Textes.
Schriftgröße Bestimmt die Größe des Textes.
Zeilenhöhe Ändert den Abstand zwischen den Textzeilen.
Textfarbe Ändert die Farbe des Textes.
Zeichenabstand Ändert den Abstand zwischen den einzelnen Zeichen.
Textausrichtung Verschiebt den Text, sodass er linksbündig, zentriert, rechtsbündig oder im Blocksatz ausgerichtet ist.
Platzhaltertext Eine Platzhalter-E-Mail-Adresse zur Anzeige.

Langer Text

Mehrzeiliges Textfeld für umfrageähnliche Abläufe. Wenn Sie diesen Block nicht sehen, kontaktieren Sie den Braze-Support oder Ihren Braze Customer-Success-Manager.

Eigenschaft Beschreibung
Erforderliches Eingabefeld Gibt an, ob das Feld ausgefüllt werden muss, bevor das Formular gesendet werden kann.
Mindestanzahl Zeichen Die Mindestanzahl an Zeichen, die Nutzer:innen eingeben müssen.
Höchstanzahl Zeichen Die Höchstanzahl an Zeichen, die Nutzer:innen eingeben können.
Zeichenanzahl ausblenden Blendet den Live-Zeichenzähler unterhalb des Textbereichs ein oder aus.
Platzhaltertext Text, der im leeren Textbereich angezeigt wird, bis Nutzer:innen etwas eingeben.
Höhe (Textzeilen) Steuert die Höhe des Textbereichs, gemessen in Zeilen.
Schriftfamilie Schriftart für den Text im Textbereich.
Schriftstärke Stärke des Textes (z. B. leicht, normal oder fett).
Schriftgröße Größe des Textes.
Zeilenhöhe Vertikaler Abstand zwischen den Textzeilen.
Textfarbe Farbe des Textes.
Zeichenabstand Horizontaler Abstand zwischen den Zeichen.

Wissenswertes

  • Video: Der Standard-Composer enthält keinen dedizierten Video-Block. Verwenden Sie Benutzerdefinierter Code, um bei Bedarf einen Player einzubetten. Weitere Informationen finden Sie unter Banner: Häufig gestellte Fragen.
  • Liquid: Die meisten Liquid-Funktionen werden unterstützt; es gibt Ausnahmen wie Katalog-Rerender-Tags. Weitere Informationen finden Sie unter Banner: Häufig gestellte Fragen.

Editor-Blöcke im Präferenzzentrum

Ziehen Sie Blöcke aus dem Abschnitt Build in eine Zeile im Drag-and-Drop-Editor des Präferenzzentrums. Jeder Block hat eigene Einstellungen; das rechte Panel wechselt zu den Eigenschaften oder dem Styling des ausgewählten Elements.

Bevor Sie Blöcke bearbeiten, fügen Sie Abo-Gruppen hinzu und konfigurieren Sie den Smart Block für Abos (siehe unten). Den vollständigen Einrichtungsablauf finden Sie unter Ein E-Mail-Präferenzzentrum mit Drag-and-Drop erstellen.

Titel und Absatz

Fügt eine Überschrift oder Fließtext mit Rich-Text-Optionen hinzu.

Eigenschaft Beschreibung
Schriftfamilie Der Schriftstil für den Text.
Schriftstärke Bestimmt die Dicke des Textes.
Schriftgröße Bestimmt die Größe des Textes.
Zeilenhöhe Ändert den Abstand zwischen den Textzeilen.
Zeichenabstand Ändert den Abstand zwischen den einzelnen Zeichen.
Textausrichtung Verschiebt den Text, sodass er linksbündig, zentriert, rechtsbündig oder im Blocksatz ausgerichtet wird.
Textfarbe Ändert die Farbe des Textes.

Button

Fügt einen klickbaren Button hinzu (zum Beispiel Save oder Navigation).

Eigenschaft Beschreibung
Button-Breite Ändert die Breite des Buttons auf automatisch oder manuell.
Schriftfamilie Der Schriftstil für den Text.
Schriftstärke Bestimmt die Dicke des Textes.
Schriftgröße Bestimmt die Größe des Textes.
Zeichenabstand Ändert den Abstand zwischen den einzelnen Zeichen.
Button-Ausrichtung Verschiebt den Button nach links, zentriert oder rechts.
Button-Textfarbe Ändert die Farbe des Textes auf dem Button.
Hintergrundfarbe Ändert die Hintergrundfarbe des Buttons.
Rahmenstil Bestimmt den Stil des Button-Rahmens.
Rahmenradius Bestimmt, wie abgerundet die Ecken sind.

Bild

Zeigt ein Bild aus der Medienbibliothek oder von einer URL an.

Eigenschaft Beschreibung
URL Die gehostete Adresse für das Bild.
Ausrichtung Verschiebt das Bild nach links, zentriert oder nach rechts.
Hintergrundfarbe Ändert die Farbe des Bildhintergrunds.
Rahmenstil Bestimmt den Stil des Bildrahmens.
Rahmenradius Bestimmt, wie abgerundet die Ecken des Bildes sind.

Abstandshalter

Fügt vertikalen Abstand zwischen Blöcken hinzu.

Eigenschaft Beschreibung
Hintergrundfarbe Ändert die Hintergrundfarbe des SP.
Höhe Ändert die Höhe des SP. Sie können dies auch ändern, indem Sie die Ziehpunkte am SP verwenden.

Abo-Gruppen (Smart Block)

Fügt einen Template-Block hinzu, der Abo-Gruppen, optionale Steuerelemente für Subscribe to all / Unsubscribe from all sowie Beschreibungen auflistet. Konfigurieren Sie ihn, nachdem Sie Gruppen im Workflow des Präferenzzentrums hinzugefügt haben.

Nachdem Sie Abo-Gruppen hinzugefügt haben, wählen Sie den Smart Block im Canvas aus, um:

  • Abo-Gruppen neu anzuordnen
  • Gruppen hinzuzufügen oder zu entfernen
  • Beschreibungen hinzuzufügen oder zu entfernen
  • Subscribe to all und Unsubscribe from all für die Gruppen in diesem Block umzuschalten

Das Steuerelement Unsubscribe from all am unteren Rand des Standard-Templates ist erforderlich und führt eine globale Abmeldung von E-Mails durch.

Wissenswertes

  • Gemeinsame Stile: Sie können seitenweite Standardwerte unter Common Styles festlegen, bevor Sie einzelne Blöcke anpassen. Weitere Informationen finden Sie unter Das Präferenzzentrum mit dem Drag-and-Drop-Editor anpassen.
  • Bestätigungsseite: Wechseln Sie oben im Editor zu Confirmation Page, um das Erlebnis nach dem Speichern mit denselben Blocktypen zu gestalten.
New Stuff!