Abschnitte in E-Mail-Vorlagen verwenden

Übersicht

Erfahre, wie du Abschnitte in deinen E-Mail-Vorlagenlayouts im Drag-and-drop-E-Mail-Vorlageneditor von Klaviyo verwendest. Abschnitte sind Gruppen von Blöcken und können verwendet werden, um deine Vorlage zu organisieren. Alle Drag-and-Drop-Vorlagen enthalten mindestens 1 Abschnitt.

Bevor du anfängst

Wenn du mit einer HTML-Vorlage beginnst, konvertiere sie in eine Drag-and-drop-Kopie, um Abschnitte zu verwenden. Du benötigst die Berechtigung, Vorlagen zu bearbeiten. Die Conversion lässt deine ursprüngliche HTML-Vorlage unverändert.

1. Navigiere zu Inhalt > Vorlagen und wähle E-Mail: gespeichert aus.
2. Öffne das Optionsmenü der HTML-Vorlage und wähle In Drag-and-Drop klonen aus.
3. Öffne den Tab Konvertierte Vorlagen. Wenn der Status Einsatzbereit ist, klicke auf den Namen der konvertierten Vorlage, um sie im Drag-and-Drop-Editor zu öffnen.

Überprüfe das Layout, die Links und die personalisierten Inhalte der konvertierten Copy, bevor du sie verwendest. Sieh dir eine Vorschau auf dem Desktop und Mobilgerät an, da sich Abstände und Styling vom Original unterscheiden können. Erfahre mehr über das Konvertieren von HTML-Vorlagen in Drag-and-Drop.

Über Vorlagenabschnitte

Mit Vorlagenabschnitten kannst du zusammengehörige Inhaltsblöcke in deinen E-Mail-Vorlagen gruppieren. Wenn du diese Blöcke in einem Abschnitt gruppierst, kannst du außerdem Stile auf alle Blöcke gleichzeitig anwenden oder den Abschnitt einfach in deiner Vorlage verschieben.

Jeder Block muss in einem Abschnitt stehen. Du kannst Blöcke per Drag & Drop zwischen Abschnitten verschieben.

So erstellst und bearbeitest du Abschnitte

Alle Vorlagen beginnen mit mindestens 1 Abschnitt. So fügst du einen Abschnitt hinzu:

1. Öffne Inhalt > Basis im Editor. Ziehe unter Layout Abschnitt in deine Vorlage.
2. Füge dem Abschnitt Inhaltsblöcke (z. B. Text-, Bild- oder Schaltflächenblöcke) hinzu und konfiguriere sie.

Um einen Abschnitt zu löschen, fahre mit der Maus über den Abschnittsbereich und klicke dann auf das Papierkorb-Symbol.

1. Bewege den Mauszeiger über den Abschnitt und klicke auf das Sternsymbol, um ihn als universellen Inhalt für zukünftige Vorlagen zu speichern.
2. Gib in Universellen Inhalt erstellen unter Name des universellen Inhalts einen Namen ein und klicke dann auf Erstellen.

Um den Abschnitt in einer anderen Vorlage zu verwenden, öffne Content > Universal im Editor dieser Vorlage und ziehe den Abschnitt in die Vorlage.

Abschnitt: Anwendungsfälle und Best Practices

Jede Vorlage besteht aus Abschnitten, und es gibt einige Anwendungsfälle, in denen das besonders hilfreich sein kann. Zum Beispiel lassen sich Header und Footer mit Abschnitten einfach verwalten, und du kannst Abschnitte auch verwenden, um einem Inhaltsblock ein Hintergrundbild hinzuzufügen.

Header

Verwende einen Abschnitt, um den gesamten Inhalt deiner E-Mail-Kopfzeile zu erstellen, einschließlich deines Logos, aller Navigationslinks und anderer Inhalte, die oben in deinen E-Mails enthalten sind. Sobald du eine Kopfzeile als Abschnitt erstellt hast, speichere den Abschnitt als universellen Inhalt, um ihn ganz einfach zu anderen E-Mails hinzuzufügen.

Fußzeilen

Deine E-Mail-Fußzeile enthält wahrscheinlich eine Vielzahl an Inhalten, z. B. einen Abmeldelink, deine Geschäftsadresse, wichtige Links sowie alle Haftungsausschlüsse oder rechtlichen Hinweise, die du in deinen Nachrichten angibst. Halte all diese Inhalte mithilfe eines Abschnitts organisiert und speichere den Abschnitt als universellen Inhalt, damit er sich einfach zu zukünftigen E-Mails hinzufügen lässt.

Füge Hintergrundbilder unter dem Text hinzu

Auf der Registerkarte „Styles“ des Abschnitts kannst du ein Hintergrundbild festlegen, auf das Text, Buttons oder andere Inhalte gelegt werden. Erfahre, wie du einem Abschnitt ein Hintergrundbild hinzufügst.

Über Abschnittsstile

Mit Abschnitten kannst du Stile hinzufügen, die sich über mehrere Inhaltsblöcke erstrecken. Um alle für Abschnitte verfügbaren Stiloptionen zu sehen, klicke auf den leeren Bereich neben dem Inhalt des Abschnitts und sieh dir den Tab Stile an. Zu den Stiloptionen gehören:

• Hintergrundbilder
  Füge einem Abschnitt ein Hintergrundbild hinzu
• Inhaltsfarbe
  Verwende Automatisch, um die Inhaltsfarbe aus den Stilvorlagen deiner Vorlage zu übernehmen, Benutzerdefiniert , um eine andere Hintergrundfarbe auszuwählen, oder Keine für einen transparenten Hintergrund
• Rahmen
  Einen durchgezogenen, gestrichelten oder gepunkteten Rahmen um deinen Abschnitt festlegen
• Innenabstand
  Füge Abstand zwischen deinen Inhaltsblöcken und dem Rand eines Abschnittsbereichs hinzu
• Ausrichtung des Spalteninhalts
  Wähle aus, ob der Spalteninhalt am oberen Rand, in der Mitte oder am unteren Rand des Abschnitts ausgerichtet wird
• Mobiles Stapeln
  Wähle aus, ob Spalten auf Mobilgeräten gestapelt werden sollen

Anzeigeoptionen für den Abschnitt „Über“

Abschnittssichtbarkeit

So legst du fest, dass ein Abschnitt nur auf Desktop- oder nur auf Mobilgeräten angezeigt wird:

1. Aktiviere Gleiche Sichtbarkeit für alle Blöcke in diesem Abschnitt einstellen im Tab Anzeige des Abschnitts. So wird sichergestellt, dass alle Blöcke in diesem Abschnitt dieselbe Einstellung verwenden.
2. Wähle entweder Nur Desktop oder Nur Mobilgeräte aus.

Ein-/Ausblendebedingungen

Wie einzelne Blöcke können auch Abschnitte so eingestellt werden, dass sie Empfänger*innen mit bestimmten Merkmalen angezeigt oder vor ihnen verborgen werden. Wenn du deine Anzeigeoptionen konfigurierst, ist es wichtig, sicherzustellen, dass sich die Regeln zum Anzeigen/Ausblenden für deinen Block und Abschnitt nicht widersprechen. Wenn ein Abschnitt beispielsweise so eingestellt ist, dass er Empfänger*innen in Kanada angezeigt wird, solltest du keinen Block in diesem Abschnitt so einstellen, dass er nur Empfänger*innen in Massachusetts angezeigt wird. Wenn du das tust, wird der Block für alle Empfänger*innen verborgen.

Um jeder Zielgruppe eine andere Version eines gesamten Abschnitts anzuzeigen, z. B. einen anderen Hero-Abschnitt für jede Loyalitätsstufe, erstelle Show-/Hide-Logik-Varianten für den Abschnitt. Wähle den Abschnitt aus, öffne den Tab Anzeige und wähle unter Show-/Hide-Logik die Option Für mehrere Zielgruppen personalisieren aus. Jede Abschnittsvariante hat ihre eigenen Blöcke, und die Blöcke innerhalb einer Abschnittsvariante können ihre eigenen Logik-Varianten haben.

Abschnitte mit universellen Inhalten und benutzerdefinierte Objektabschnitte unterstützen eine Ein-/Ausblenden-Logik nur für eine Zielgruppe. Logikvarianten sind für sie nicht verfügbar.

Erfahre, wie du Vorlagenblöcke und -abschnitte ein- oder ausblenden und Logikvarianten erstellen kannst, basierend auf den Profilinformationen der*des Empfänger*in.

Inhaltswiederholung

Wie bei einzelnen Blöcken können Abschnitte basierend auf dynamischen Profil- oder Ereignisdaten so eingestellt werden, dass sie wiederholt werden. Erfahre, wie du eine Inhaltswiederholung einrichtest.

Weitere Ressourcen