In-App-Vorlageneinstellungen konfigurieren

Diese Einstellungen gelten für die gesamte In-App-Vorlage auf einmal und nicht für einen einzelnen Block.

Vorlagenweites Styling konfigurieren

Die Vorlageneinstellungen steuern das Styling für die gesamte In-App-Vorlage: Dokumentgröße und -hintergrund, das Aussehen des Popups und die Standardstile für Blöcke.

Öffnen Sie den Tab Einstellungen im rechten Bereich.

Verfügbare Abschnitte:

• Dokument: Breite, Innenabstand (Padding), ein Hintergrundbild, der Abstand zwischen den Blöcken und ein standardmäßiger Eckenradius für Bilder. Im In-App-Editor legt ein Feld Seitenränder (px) unter dem Innenabstand die seitlichen Ränder des Popups fest.
• Farbschema: Benannte Farbfunktionen (Überschrift, Akzent, Links, Hintergrund, Ränder und mehr), die die Vorlage auf einmal neu gestalten. Bestehende Blöcke behalten die Farben, die Sie bereits explizit festgelegt haben. Aktivieren Sie die Dunkelmodus-Variante, um separate Farben für eine dunkle Darstellung der Vorlage festzulegen.
• Typografie: Standard-Schriftfamilie und -größe für Text in der Vorlage.
• Popup: wie die Nachricht auf dem abgedunkelten Hintergrund sitzt: Eckenradius, sowie Farbe und Deckkraft der Überlagerung.
• Block-Standardeinstellungen: Gemeinsame Ausgangsstile für Blöcke, die Sie später hinzufügen, damit neue Inhalte mit der Vorlage übereinstimmen, bis Sie einen Block auf der Arbeitsfläche überschreiben.
• Spalten-Standardeinstellungen: Abstände für jedes Spaltenlayout: äußerer Innenabstand (Padding), Innenabstand in jeder Spalte und der Abstand zwischen den Spalten.
• Karten-Standardeinstellungen: Anfängliches Aussehen für Karten-Container, die Inhalte im Layout gruppieren, wird angewendet, bis Sie eine Karte individuell gestalten.
• Schaltflächengruppen-Standardeinstellungen: Abstand und Ausrichtung, wenn mehrere Schaltflächen als Gruppe zusammenstehen.
• Schaltflächen-Standardeinstellungen: Anfängliches Aussehen für neue Schaltflächen-Blöcke, damit CTAs in der gesamten Vorlage konsistent bleiben, bis Sie eine separat gestalten.
• Trennlinien-Standardeinstellungen: Anfänglicher Linienstil, Farbe, Dicke und Breite für neue Trennlinien-Blöcke.

Standardeinstellungen gelten überall dort, wo ein einzelner Block sie nicht überschreibt.

Hinweis

Die Dunkelmodus-Variante wird auf iOS und Web SDK ausgeliefert; Android rendert nur die helle Variante. Vorlagen, die vor dieser Funktion gespeichert wurden, haben nur eine helle Variante – öffnen und speichern Sie eine erneut, um eine Dunkelmodus-Variante hinzuzufügen. Hintergrund- und Titelbilder, in die eine Farbe in die Datei selbst integriert ist, werden für den Dunkelmodus nicht neu eingefärbt; verwenden Sie ein transparentes Bild oder ein separates Bild für den Dunkelmodus, falls Sie eines benötigen.

Hinweis

Im In-App-Editor heißt die Breite von Dokument Max. Breite (px) – das ist eine Obergrenze und nicht die tatsächliche Breite auf dem Bildschirm. Die tatsächliche Breite ergibt sich aus der Bildschirmbreite abzüglich der seitlichen Ränder des Popups, und ein Hinweis unter dem Feld zeigt die daraus resultierende effektive Breite an. Legen Sie die Ränder mit Seitenränder (px) fest, direkt unter Innenabstand im selben Abschnitt: Das Feld schreibt einen symmetrischen Wert auf beide Seiten, und ein negativer Wert wird auf 0 begrenzt. Neue In-App-Vorlagen starten bei 36 px, wodurch das Popup etwa 80 % der Bildschirmbreite einnimmt; ändern Sie das Feld, um dies anzupassen. Im E-Mail-Editor gibt es kein Feld für Ränder, und dasselbe Breitenfeld heißt Breite (px) und legt die Breite direkt fest.

Hinweis

Es gibt keine Höheneinstellung. Das Popup wächst mit seinem Inhalt. Für eine Vollbildnachricht stellen Sie die Breite (Max. Breite im In-App-Editor) in den Einstellungen ein und wählen Sie Vollbild in den In-App-Einstellungen.

Konfigurieren, wie die In-App auf dem Gerät aussieht

Die In-App-Einstellungen steuern, wie die Nachricht auf dem Gerät erscheint und sich verhält: Position, Animationen, Wischgesten und die Schließen-Schaltfläche. Diese Einstellungen gelten nur für iOS und Android Native.

Klicken Sie in der oberen Leiste auf In-App-Einstellungen.

Position auf dem Bildschirm

Wählen Sie Vollbild, Oben, Mitte oder Unten.

Animationen

• Präsentationsanimation / Schließanimation: Keine, Einblenden, Links, Rechts, Oben oder Unten, oder Standard, um den Standard Ihres App-SDKs zu verwenden.
• Animationsdauer (MS): 100 bis 3000 Millisekunden. Lassen Sie das Feld leer, um das Standard-Timing des SDKs zu verwenden.

Hinweis

Keine und Einblenden funktionieren derzeit auf Android. Auf iOS erscheint und verschwindet die Nachricht sofort (Ausrichtung folgt in Kürze).

Zum Schließen wischen

Aktivieren Sie eine beliebige Kombination aus Links, Rechts, Oben und Unten.

Schließen-Schaltfläche

Schalten Sie Schließen-Schaltfläche anzeigen ein oder aus.

Wenn sie eingeschaltet ist, stellen Sie Folgendes ein:

• Position: Oben rechts, Oben links, Unten rechts oder Unten links.
• Hintergrund: eine Farbe oder Transparent.
• Eckenradius: rundet die Ecken des Hintergrunds der Schließen-Schaltfläche ab. Nur verfügbar, wenn der Hintergrund eine Farbe ist (nicht Transparent). Stellen Sie 0–16 px ein: 16 px ergibt einen Kreis (Standard), 0 px ein Quadrat.
• Symbolfarbe: Farbe des Schließen-Symbols.
• Rand: Abstand um die Schließen-Schaltfläche auf jeder Seite (Oben, Rechts, Unten, Links).

Im Gegensatz zu den anderen Optionen in den In-App-Einstellungen wird der Stil der Schließen-Schaltfläche in der Nachricht selbst gespeichert. Er erscheint auf jeder Plattform, nicht nur auf iOS und Android Native.

Klicken Sie auf Anwenden, um Ihre Auswahl zu speichern, oder auf Abbrechen, um sie zu verwerfen. Öffnen Sie die Vorschau, um Position, Animationen und die Schließen-Schaltfläche zu überprüfen, bevor Sie speichern.