So erstellst du eine Basisvorlage
Erfahre, wie du in Klaviyo eine Basis-E-Mail-Vorlage erstellst. Sobald du eine Basisvorlage erstellt hast, kannst du sie in all deinen Kampagnen und Flows verwenden, um deinen Erstellungsprozess zu beschleunigen und sicherzustellen, dass dein Branding in allen Nachrichten einheitlich ist.
Bevor du anfängst
Eine Basismodellvorlage enthält wichtige Abschnitte wie eine Kopfzeile, Body-Inhalt und eine Fußzeile. Navigiere zu Inhalt > Vorlagen und klicke auf Erstellen, um loszulegen. Folge dann den unten stehenden Schritten, um wiederverwendbaren Inhalt zu deiner Vorlage hinzuzufügen.
1. Basisstile festlegen
Lege deine Basisstile fest, bevor du einzelne Blöcke gestaltest. Diese Stile wie Schriftart, Farben, Innenabstand und mehr gelten für alle Blöcke in deiner Vorlage.
Das Hinzufügen von Basisstilen macht es einfacher, dein Branding anzuwenden, und reduziert außerdem dein Codegewicht, sodass du Clipping in Gmail leichter vermeiden kannst.
So fügst du Basisstile hinzu:
- Klicke auf Styles (neben Content).
Wenn neben dem Tab Styles statt Content Display Options angezeigt wird, klicke auf Fertig, um die Style-Einstellungen des Blocks/Abschnitts zu verlassen, die nur für diesen Block oder Abschnitt gelten.
- Lege eine Hintergrundfarbe für deine Vorlage und Inhalte fest, zusammen mit Rand und Innenabstand. Wir empfehlen, die Einstellung „Breite“ auf 600 px zu belassen, um eine optimale Kompatibilität mit Posteingangsanbieter*innen zu gewährleisten.
- Füge Textstile hinzu, einschließlich Schriftarten, Schriftgrößen, Farben und Abständen. Achte darauf, Stile für Normal -Text sowie H1, H2, H3 und H4 festzulegen. Du kannst diese Überschriftenstile für hervorgehobenen Text in deiner E-Mail verwenden. Erfahre, wie du in deinen E-Mails eine benutzerdefinierte Schriftart verwendest.
- Füge eine Linkfarbe und einen Stil hinzu.
- Wähle die Währung deines Shops im Menü Währung aus. Das ausgewählte Währungssymbol wird überall dort verwendet, wo das Tag {% currency_format ... %} in einer Vorlage vorhanden ist.
- Wenn Mobile Optimierung aktiviert ist, mobile Einstellungen hinzufügen. Diese werden angezeigt, wenn jemand deine E-Mail auf einem Mobilgerät öffnet. Erfahre mehr über mobile Optimierung.
2. Einen Header-Abschnitt erstellen
Nachdem du deine E-Mail-Styles eingerichtet hast, füge deinen Header-Abschnitt hinzu. In der Regel enthalten Header-Abschnitte ein Logo, wichtige Links und manchmal ein Banner mit Funktionen zu Informationen über deinen neuesten Sale oder den VIP-Status der Empfänger*innen.
- Wenn deine Vorlage bereits eine Kopfzeilenleiste hat, aktualisiere sie mit deinem eigenen Logo. Alternativ kannst du einen Kopfzeile -Block hineinziehen und dein Logo hinzufügen. Erfahre mehr über Best Practices für Bildgröße und -qualität.
- Wähle ein Layout in den Menüs Desktop-Layout und Mobile-Layout aus (z. B. Logo inline für Desktop und Alle stapeln für Mobilgeräte). Denke daran, dass Mobilgeräte viel kleinere Bildschirme als Desktops haben; durch das Stapeln von Inhalten lässt es sich leichter lesen und navigieren.
- Füge im Abschnitt Inhalt wichtige Links zur Seitennavigation hinzu. Klicke auf das Papierkorb-Symbol, um Links zu entfernen, oder auf Links hinzufügen, um sie hinzuzufügen. Häufige Links, die du in deine Kopfzeile aufnehmen kannst, sind: jetzt shoppen, neu eingetroffen, über uns, Sale, FAQs oder eine Auswahl an Produktkategorien.
- Passe die Blockstile in den Abschnitten unter deinem Link-Inhalt an. Denke daran: Wenn du eine Stileinstellung auf deine gesamte E-Mail anwenden möchtest, verwende den Haupt-Tab Stile, wie im Abschnitt oben beschrieben.
- Klicke auf Fertig, um zu den Hauptbearbeitungsoptionen der Vorlage zurückzukehren.
Füge ein optionales Funktionen-Banner hinzu
Du kannst ein Feature-Banner oberhalb oder unterhalb deiner Kopfzeile hinzufügen.
- Zieh einen Textblock in denselben Abschnitt wie deine Linkleiste.
- Lege den Hintergrund auf eine Akzentfarbe fest und füge eine hervorgehobene Nachricht hinzu, z. B. „Verwende den Code WELCOME, um 15 % Rabatt auf deine erste Bestellung zu erhalten!“
- Prüfe, ob sich dein Funktionsbanner und die Linkleiste im selben Abschnitt befinden, indem du den Mauszeiger über den Bereich links oder rechts von den Blöcken bewegst. Beim Darüberfahren sollte ein grauer Abschnitt -Rahmen beide Blöcke umgeben, und er wird blau, wenn der Abschnitt angeklickt wird.
- Optional: Klicke auf das Sternsymbol, um den Abschnitt als universellen Inhalt zu speichern. Universelle Blöcke und Abschnitte können in mehreren Vorlagen verwendet werden, und du kannst alle Instanzen des Blocks/Abschnitts gleichzeitig bearbeiten. Mehr über universellen Inhalt erfahren.
3. Textinhalt hinzufügen
- Ziehe einen Block Abschnitt aus dem Abschnitt Layout der Inhalt -Seitenleiste und platziere ihn unter deiner Kopfzeile.
- Füge Platzhalterblöcke für die Inhalte deines E-Mail-Textkörpers hinzu. Dazu können Textblöcke mit Beschreibungen deiner Marke oder Promo-Nachrichten, gängige Layouts, die du verwenden möchtest, Platzhalter-Produktbilder und mehr gehören. Erfahre, wie du mithilfe von Spalten, Split-Blöcken und Tabellen Inhalte nebeneinander platzierst.
Erfahre, wie du einem Abschnitt ein Hintergrundbild hinzufügst und Buttons, Text und andere Elemente darüber legst.
4. Fußzeilenabschnitt erstellen
Klaviyo erfordert, dass du in deinen E-Mails einen Abmeldelink einfügst. Dieser wird meist in der Fußzeile platziert. Außerdem werden diese Footer-Elemente empfohlen:
- Deine Geschäftsadresse
- Ein Link zu deiner Datenschutzerklärung
- Links zu deinen Social-Media-Profilen (z. B. Facebook, Instagram, Twitter, Tiktok)
- Ein Link zu deiner Website
- Ein Link zu E-Mail-Einstellungen
So fügst du deiner Basisvorlage eine Fußzeile hinzu:
- Ziehe einen neuen Abschnitt unter deinen Body-Abschnitt oder bearbeite den Standard-Footer.
- Füge einen Textblock hinzu.
- Klicke auf Personalisierung.
- Suche im Feld Suchpersonalisierung nach „abmelden“ .
- Wähle abmelden aus, um deinem Textblock ein Abmeldelink-Tag hinzuzufügen.
- Verwende dasselbe Menü, um eine Organisationsadresse hinzuzufügen, den Link „Einstellungen verwalten“ zu verwalten, den Webansichtslink hinzuzufügen und mehr.
- Wenn du die E-Mail sendest, werden diese Tags durch den entsprechenden Text oder die entsprechenden Links ersetzt.
- Ziehe als Nächstes einen Block Social links in deine Vorlage, direkt über den Textblock aus den vorherigen Schritten.
- Wähle deine Social-Media-Kanäle aus dem Drop-down-Menü aus, um sie dem Block hinzuzufügen.
- Füge im Feld Link-Adresse für jeden Social-Kanal einen Link zu deinem Profil hinzu.
- Wähle einen Symbolstil.
- Klicke auf Fertig, um zu den Hauptbearbeitungsoptionen der Vorlage zurückzukehren.
- Optional kannst du den gesamten Footer-Bereich als universellen Inhalt speichern.
5. Vorschau
Sobald du eine Kopfzeile, Body-Content und einen Footer-Abschnitt hinzugefügt hast, sieh dir die E-Mail in der Vorschau an.
- Klicke oben rechts im E-Mail-Editor auf Vorschau und Test.
- Wechsle zwischen Desktop und Mobilgerät, um sicherzustellen, dass die Vorlage in beiden Formaten wie gewünscht angezeigt wird.
- Klicke auf Test senden, um eine Test-E-Mail an deinen eigenen Posteingang zu senden.
- Klicke auf Fertig, um das Vorschau-Modal zu schließen.
- Klicke auf Speichern, um deine Vorlage zu speichern.
Nachdem du die Basisvorlage gespeichert hast, kannst du sie als Grundlage für alle zukünftigen E-Mails für Kampagnen und Flows verwenden.