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:

In-App-Nachrichten-Editor-Blöcke

Editor-Blöcke befinden sich im Bereich 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 Seitenpanel 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 zur Nachricht 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 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.

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.

Optionsfeld

Fügt eine Liste von Optionen hinzu, aus denen Nutzer:innen eine auswählen können. Beim Absenden 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.

Bildspezifikationen finden Sie in unseren In-App-Nachrichten-Bildspezifikationen.

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, auf den Nutzer:innen klicken können, um zu einer bestimmten URL zu navigieren. Kann in Text eingebettet oder eigenständig sein.

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

Benutzerdefinierter Code

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

Eigenschaft Beschreibung
Custom code Ermöglicht das Hinzufügen, Bearbeiten oder Löschen von HTML, CSS und JavaScript für eine In-App-Nachricht.

Telefonnummernerfassung

Fügt ein Formularfeld für Telefonnummern ein. Beim Absenden wird die Nutzer:in für die 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.

E-Mail-Erfassung

Fügt ein Formularfeld für E-Mail-Adressen ein. Beim Absenden 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 mit einer vordefinierten Liste von Elementen ein, aus denen Nutzer:innen eines auswählen können. Sie können beliebige angepasste Attribut-Strings zur Liste 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 Nutzer:innen das Kästchen aktivieren, wird das boolesche angepasste Attribut des Blocks auf true gesetzt. Wenn es nicht aktiviert wird, 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ästchengruppe

Nutzer:innen können aus mehreren Optionen auswählen. Werte werden in einem definierten Array-angepassten Attribut gesetzt oder 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 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 für den Textbereich 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 Videoblock. Verwenden Sie Custom code, um bei Bedarf einen Player einzubetten. Weitere Informationen finden Sie unter In-App-Nachrichten: Häufig gestellte Fragen.

Landing-Page-Editor-Blöcke

Editor-Blöcke für Landing-Pages befinden sich im Bereich Build des Drag-and-Drop-Editors unter Rows 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 rechten Eigenschaftenpanel 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.

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.

Optionsfeld

Fügt eine Liste von Optionen hinzu, aus denen 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.

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 hinzu, den Nutzer:innen auswählen können, um zu einer URL zu navigieren. Kann in Text eingebettet oder eigenständig sein.

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 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
Custom 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:in 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.

Telefonnummernerfassung

Fügt ein Formularfeld für Telefonnummern hinzu. Beim Absenden wird die Nutzer:in 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 Attribut-String 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; Nutzer:innen wählen eines aus. Sie können Werte angepassten Attribut-Strings 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 boolesche angepasste Attribut des Blocks auf true gesetzt; wenn nicht aktiviert, 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; Werte werden in einem definierten Array-angepassten Attribut gesetzt oder 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 Braze-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 für den Textbereich 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 Videoblock. Verwenden Sie Custom code, um bei Bedarf einen Player einzubetten. Weitere Informationen finden Sie unter Landing-Pages.

Banner-Editor-Blöcke

Ziehen Sie im Banner-Composer Zeilen und Blöcke aus dem Bereich Build in die Arbeitsfläche, um Ihre Nachricht zu gestalten. Wählen Sie Styles, um seitenweites Styling 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 Banner erstellen.

Der Banner-Composer bietet dieselben Arten von Layout-Blöcken wie andere Drag-and-Drop-Oberflächen, jedoch nicht den vollständigen Satz an Formularblöcken (z. B. keine Optionsfeld-, Kurztext-, Dropdown- oder Kontrollkästchenblöcke). Sie können Telefonnummernerfassung- und E-Mail-Erfassung-Blöcke hinzufügen; pro Nachricht ist nur ein Telefonnummernerfassungs- und ein E-Mail-Erfassungsblock 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. Sie können Links und Analytics-Optionen im Eigenschaftenpanel festlegen.

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. Konfigurieren Sie die Anzeigeoptionen im Eigenschaftenpanel.

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 ein (z. B. Video). 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.

Eigenschaft Beschreibung
Custom code Fügen Sie HTML (und zugehörige Assets) für das Banner hinzu oder bearbeiten Sie es.

Telefonnummernerfassung

Erfasst eine Telefonnummer. Beim Absenden wird die Nutzer:in für Ihre ausgewählte SMS- oder WhatsApp-Abo-Gruppe angemeldet. Nur einer 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:in hinzu. Nur einer 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.

Langtext

Mehrzeiliges Textfeld für umfrageähnliche Abläufe. Wenn Sie diesen Block nicht sehen, wenden Sie sich an 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 für den Textbereich 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 Videoblock. Verwenden Sie Custom 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.

Präferenzzentrum-Editor-Blöcke

Ziehen Sie Blöcke aus dem Bereich Build in eine Zeile im Drag-and-Drop-Präferenzzentrum-Editor. Jeder Block hat eigene Einstellungen; das rechte Seitenpanel 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 Abo-Smart-Block (siehe folgenden Abschnitt). Den vollständigen Einrichtungsablauf finden Sie unter E-Mail-Präferenzzentrum per Drag-and-Drop erstellen.

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 (z. B. 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 Subscribe to all / Unsubscribe from all und Beschreibungen auflistet. Konfigurieren Sie ihn, nachdem Sie Gruppen im Präferenzzentrum-Workflow hinzugefügt haben.

Nachdem Sie Abo-Gruppen hinzugefügt haben, wählen Sie den Smart-Block in der Arbeitsfläche 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 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!