So fügst du regelbasierte Bilder zu Iterable hinzu
Handlebars legt den Inhalt fest, wenn Iterable die E-Mail versendet. Ein regelbasiertes Bild legt den Inhalt jedes Mal neu fest, wenn die E-Mail geöffnet wird – dabei werden die Uhrzeit, das Gerät oder deine Benutzerfelder herangezogen.
Erstveröffentlichung: Füge deinen Iterable-Vorlagen Entscheidungen zur Öffnungszeit hinzu.
Mit Sendtric regelbasierte Bilderenthält ein Bildplatz in deiner Iterable-Vorlage mehrere Bilder, jedes mit eigenen Bedingungen. Jedes Mal, wenn die E-Mail geöffnet wird, prüft Sendtric die Bedingungen von oben nach unten und zeigt das erste Bild an, das den Bedingungen entspricht. Als Bedingungen können das Datum, der Wochentag, die Uhrzeit, das Gerät, das Betriebssystem, der E-Mail-Client oder der Wert eines Iterable-Feldes verwendet werden.
Iterable verarbeitet bereits viele bedingte Inhalte mithilfe von Handlebars-Helfern wie #ifEq, und diese werden ausgewertet, wenn die Nachricht zum Versenden gerendert wird. Nutze Handlebars für Entscheidungen, die zum Zeitpunkt des Versendens feststehen, und ein regelbasiertes Bild für alles, was davon abhängt, wann oder auf welchem Gerät der Nutzer die E-Mail tatsächlich liest.
Was du mit regelbasierten Bildern in Iterable machen kannst
- Hinweise zum App-Download: Zeige das App-Store-Symbol auf dem iPhone und das Google-Play-Symbol auf Android-Geräten in einem einzigen Bildfeld an.
- Angebote, die sich nach der Uhrzeit richten: Ein Lieferdienst oder Online-Shop zeigt ein Mittagsangebot vor 14 Uhr und ein Abendangebot nach 17 Uhr an – jeweils in der Zeitzone des Nutzers.
- Grafiken für Pläne oder Stufen: Wähle das Banner aus einem Profilfeld aus, wie zum Beispiel
planodertieraus, ohne Handlebars-Blöcke um mehrere Bilder herum zu verschachteln. - Kreative Idee fürs Wochenende: eine wiederkehrende Kampagne, die samstags und sonntags jeweils ein anderes Banner anzeigt.
Text- und Betriebssystemregeln funktionieren bei jedem Tarif, Datums- und Zeitregeln sind ab dem „Standard“-Tarif verfügbar, und für Geräteregeln sowie Nummernvergleiche ist der „Power“-Tarif erforderlich. Pro Bild können im „Free“-Tarif 2 Bilder, im „Micro“-Tarif 4, im „Standard“-Tarif 10 und im „Power“- sowie „Enterprise“-Tarif unbegrenzt viele Bilder gespeichert werden. Für ein Fallback-Bild ist mindestens der „Micro“-Tarif erforderlich. Siehe Preise.
So fügst du ein regelbasiertes Bild zu Iterable hinzu
Schritt 1: Füge deine Bilder hinzu, wobei du die spezifischsten zuerst einfügst
Geh in Sendtric zu „Regelbasierte Bilder“, klick auf „Neu erstellen“ und wähle „Bild hinzufügen“ für jede Option. Die erste Übereinstimmung gewinnt, und die Bilder können danach nicht mehr neu angeordnet werden. Füge also das spezifischste Bild zuerst und die allgemeineren zuletzt hinzu.
Schritt 2: Schreib die Bedingungen auf
Klick Bedingungen aktualisieren auf jedem Bild, um „Dieses Bild anzeigen“. Wähle „Alle Bedingungen“ (UND) oder „Beliebige Bedingung“ (ODER) und füge so viele hinzu, wie du brauchst. Bei Bedingungen für Merge-Tags wählst du Text, Zahl oder Datum. Füge ein Ausweichbild für Aufrufe hinzu, bei denen keine Bedingung erfüllt ist.
Für Zeitregeln in der jeweiligen Zeitzone jedes Nutzers wähle „Dynamische Zeitzone“ und verwende ein Iterable-Feld, das Zonennamen wie Europe/Berlin. Bei einem leeren oder ungültigen Wert wird auf UTC zurückgegriffen.
Schritt 3: Speichern, kopieren und die Platzhalter überprüfen
Speichern, dann klick auf „Code kopieren“. Jede Merge-Tag-Bedingung fügt der Bildadresse einen Parameter mit einem Platzhalter in doppelten geschweiften Klammern hinzu. Iterable verwendet dieselben Klammern, ersetze also jeden Platzhalter durch den genauen Namen deines Iterable-Feldes, zum Beispiel {{tier}}. Ein Platzhalter, der keinem echten Feld entspricht, sieht im Editor nicht fehlerhaft aus, sondern wird einfach leer dargestellt.
Schritt 4: Füge es in die Vorlage ein
Klick „Design bearbeiten“ in deiner Iterable-Vorlage. Ziehe im Drag-and-Drop-Editor ein HTML Block aus dem „Inhalt“ Registerkarte an die gewünschte Stelle und füge den Code in den HTML-Editor ein. Um das Bild neben dem Text zu platzieren, füge eine zweispaltige Zeile aus den „Rows“ und platziere den HTML-Block in einer Spalte.
Schritt 5: Simulieren, dann Vorschau anzeigen
In Sendtric, mit der Vorschau-Funktion kannst du Datum, Uhrzeit, Gerät, E-Mail-Client und Feldwerte simulieren, ohne Aufrufe zu verwenden. Öffne in Iterable „Vorschau“ und Lade Benutzerdaten für einige Benutzer, um zu überprüfen, ob die Feldwerte die Bildadresse erreichen.
Jedes Bild braucht eine Bedingung
Ein Bild ohne Bedingungen wird übersprungen, auch wenn es ganz unten in der Liste steht. Für ein Bild, das „allen anderen angezeigt werden soll“, verwende das Fallback-Bild-Slot -Feld.
Gmail und Geräteerkennung
Gmail ruft Bilder über seine eigenen Server ab, wodurch das Gerät des Lesers verborgen bleibt, sodass diese Öffnungen wahrscheinlich als Desktop gezählt werden. Wenn es wirklich darauf ankommt, verwende lieber ein „Iterable“-Feld, dem du vertraust, statt einer Geräteregel.
Häufig gestellte Fragen zu regelbasierten, iterierbaren Bildern
Warum nicht einfach die Handlebars-Bedingungsanweisungen nutzen?
Handlebars ist die bessere Wahl, wenn die Antwort bereits zum Zeitpunkt des Versendens bekannt ist. Es kann nicht auf den Moment reagieren, in dem die E-Mail geöffnet wird, auf das Gerät, auf dem sie gelesen wird, oder auf ein Datum, das nach dem Versand liegt. Bei jedem Öffnen wird erneut ein regelbasiertes Bild ausgewählt.
Kann ich ein Datum aus einem „Iterable“-Ereignis verwenden?
Ja, mit einer Datumsbedingung für Merge-Tags (ab der Version „Standard“). Es werden Datumsangaben im Format JJJJ-MM-TT, MM/TT/JJJJ, RFC 3339 oder Unix-Sekunden akzeptiert.
Kann eine der Optionen ein weiteres Sendtric-Widget sein?
Ja. Der Bild-Picker verfügt über Registerkarten für deine Timer, personalisierte Bilder und Wetter-Widgets, sodass eine Regel beispielsweise zwischen einem Countdown-Timer und einem statischen Banner wechseln kann. Siehe wie man ein Widget in ein anderes einbettet.
Was sehen die Nutzer, wenn keine Übereinstimmung gefunden wird?
Das Ersatzbild, falls du eines hinzugefügt hast. Andernfalls ein unsichtbares Bild mit einer Größe von 1 × 1 Pixel, damit kein Symbol für ein fehlerhaftes Bild angezeigt wird.
Spielt es bei Textbedingungen eine Rolle, ob Großbuchstaben verwendet werden?
Nein. Bei Textbedingungen wird die Groß-/Kleinschreibung nicht berücksichtigt, daher gilt auch, dass ein tier Wert „Gold“ oder „gold“ entspricht derselben Regel.
Dieser Leitfaden behandelt einen Aspekt der E-Mail-Personalisierung . Für jedes regelbasierte Bilder findest du auf der Hauptseite.
Weitere Iterable-Anleitungen
- Countdown-Timer - So fügst du Countdown-Timer zu Iterable hinzu
- Countdown-Timer - Dynamische Timer in Iterable hinzufügen
- Live-Umfragen - So fügst du Live-Umfragen zu Iterable hinzu
- Personalisierte Bilder - So fügst du personalisierte Bilder zu Iterable hinzu
- Dynamisches Wetter - So fügst du „Dynamisches Wetter“ zu Iterable hinzu
- Kritische Warnmeldungen - So fügst du kritische Warnmeldungen zu Iterable hinzu
- Social-Proof-Zähler - So fügst du Social-Proof-Zähler zu Iterable hinzu
Nutzt du eine andere Plattform? Sieh dir alle Sendtric-Integrationen.
