Wie man eine Basisvorlage erstellt

Du wirst lernen

Hier erfährst du, wie du eine Basis-E-Mail-Vorlage in Klaviyo erstellst. Sobald du eine Basisvorlage erstellt hast, kannst du sie in deiner Kampagne und in deinem Flow verwenden, um den Erstellungsprozess zu beschleunigen und sicherzustellen, dass dein Branding in allen Botschaften einheitlich ist. 

Die wichtigsten Schritte zur Erstellung einer Basisvorlage

Eine Basisvorlage enthält wichtige Abschnitte wie eine Kopfzeile, einen Hauptteil und eine Fußzeile. Navigiere zu Inhalt > Vorlage und klicke dann auf Leere E-Mail erstellen, um loszulegen. Befolge dann die folgenden Schritte, um wiederverwendbare Inhalte zu deiner Vorlage hinzuzufügen. 

1. Basisstile festlegen
2. Einen Kopfbereich erstellen
3. Inhalt hinzufügen
4. Einen Fußzeilenbereich erstellen
5. Vorschau

1. Basisstile einstellen

Bevor du einen einzelnen Block stylst, musst du deine Basisstile festlegen. Diese Stile, wie z.B. Schriftart, Farben, Polsterung und mehr, gelten für alle Blöcke in deiner Vorlage. 

Wenn du Basisstile hinzufügst, ist es einfacher, dein Branding anzuwenden, und es reduziert auch das Gewicht deines Codes, was es einfacher macht, Clipping in Google Mail zu vermeiden.

Um Basisstile hinzuzufügen: 

1. Klicke auf Formatvorlagen (neben Inhalt).
   
   
   Wenn du neben der Registerkarte Stile statt Inhalt Anzeigeoptionen siehst, klicke auf Fertig, um die Stileinstellungen für den Block/Abschnitt zu verlassen, die nur für diesen Block oder Abschnitt gelten. 
2. Lege eine Hintergrundfarbe für deine Vorlage und den Inhalt fest, ebenso wie den Rand und das Padding. Wir empfehlen, die Breiteneinstellung auf 600px zu belassen, um eine optimale Kompatibilität mit Inbox-Anbietern zu gewährleisten.
   
3. Füge Textstile hinzu, einschließlich Schriftarten, Schriftgrößen, Farben und Abstände. Achte darauf, dass du Stile für normalen Text sowie für H1, H2, H3 und H4 einstellst. Du kannst diese Überschriftenstile für markanten Text in deiner E-Mail verwenden. Lerne, wie du eine benutzerdefinierte Schriftart in deiner E-Mail verwenden kannst.
   
4. Füge eine Linkfarbe und einen Stil hinzu.
   
5. Wenn die mobile Optimierung aktiviert ist, füge die mobilen Einstellungen hinzu. Diese werden angezeigt, wenn jemand deine E-Mail auf einem mobilen Gerät öffnet. Erfahre mehr über mobile Optimierung.
   
6. Schließlich wählst du die Währung deines Ladens im Menü Währung aus. Das ausgewählte Währungssymbol wird überall dort verwendet, wo das {% currency_format … %} -Tag in einer Vorlage vorhanden ist.
   

2. Erstelle einen Kopfbereich 

Nachdem du deine E-Mail-Stile eingerichtet hast, fügst du deinen Kopfbereich hinzu. In der Regel enthalten die Kopfzeilen ein Logo, wichtige Links und manchmal ein Banner mit Informationen über deinen letzten Verkauf oder den VIP-Status des Empfängers. 

1. Wenn deine Vorlage bereits eine Kopfleiste hat, aktualisiere sie mit deinem eigenen Logo. Alternativ kannst du auch einen Kopfzeilenblock hineinziehen und dein Logo hinzufügen. Lerne Best Practices für die Bildgröße und -qualität. 
   
2. Wähle ein Layout in den Menüs Desktop-Layout und Mobile-Layout (z. B. Logo inline für Desktop und Stack all für Mobile). Denke daran, dass mobile Geräte viel kleinere Bildschirme haben als Desktop-Geräte, so dass das Stapeln von Inhalten das Lesen und Navigieren erleichtern kann. 
3. Füge im Abschnitt " Inhalt" die wichtigsten Navigationslinks hinzu. Klicke auf das Papierkorbsymbol, um Links zu entfernen, oder auf Links hinzufügen, um sie hinzuzufügen. Übliche Links, die du in deine Kopfzeile einbauen kannst, sind: Jetzt shoppen, Neuankömmlinge, Über uns, Verkauf, FAQs oder eine Auswahl an Produktkategorien.
   
4. Passe die Blockstile in den Abschnitten unter deinem Linkinhalt an. Wenn du eine Formatvorlage auf deine gesamte E-Mail anwenden möchtest, verwende die Registerkarte " Formatvorlagen", wie im obigen Abschnitt beschrieben. 
5. Klicke auf Fertig, um zu den Hauptbearbeitungsoptionen der Vorlage zurückzukehren.

Füge ein optionales Feature-Banner hinzu

Du kannst ein Funktionsbanner über oder unter deiner Kopfleiste hinzufügen.

1. Ziehe einen Textblock in den gleichen Bereich wie deine Linkleiste. 
   
2. Setze einen Hintergrund in einer Akzentfarbe und füge eine besondere Nachricht hinzu, z.B. "Nutze den Code WELCOME für 15% Rabatt auf deine erste Bestellung!"
3. Überprüfe, ob sich dein Funktionsbanner und die Linkleiste im selben Abschnitt befinden, indem du mit dem Mauszeiger über den Bereich links oder rechts vom Block fährst. Ein grauer Abschnittsrahmen sollte beide Blöcke umgeben, wenn du den Mauszeiger bewegst, und er wird blau, wenn der Abschnitt angeklickt wird.
   
4. 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. Erfahre mehr über universelle Inhalte. 

3. Inhalt hinzufügen

1. Ziehe einen Abschnittsblock aus dem Layout Abschnitt der Inhalts-Seitenleiste und platziere ihn unter deiner Kopfzeile.
   
2. Füge den Platzhalter Block für den Inhalt deiner E-Mail hinzu. Dazu gehören z. B. Textblöcke mit Beschreibungen deiner Marke oder deiner Werbebotschaft, gängige Layouts, die du verwenden willst, Platzhalter für Produktbilder und mehr. Lerne, wie du Inhalte mithilfe von Spalten, Split Block und Tabellen nebeneinander platzieren kannst.
   

4. Erstelle einen Fußzeilenbereich

Klaviyo erfordert, dass du einen Abmeldelink in deine E-Mail einfügst, und dieser wird meistens in der Fußzeile platziert. Darüber hinaus werden diese Fußzeilenelemente empfohlen: 

• Deine Geschäftsadresse
• Ein Link zu deiner Datenschutzerklärung 
• Links zu deinem sozialen Profil (z.B. Facebook, Instagram, Twitter, Tiktok) 
• Ein Link zu deiner Website
• Ein Link zu den E-Mail-Einstellungen

So fügst du eine Fußzeile zu deiner Basisvorlage hinzu:

1. Ziehe einen neuen Abschnitt unter deinen Hauptteil oder bearbeite die Standardfußzeile.
2. Füge einen Textblock hinzu.
3. Klicke auf Personalisierung. 
4. Suche im Feld Personalisierung suchen nach "Abmelden".
5. Wähle Abmelden, um einen Abmeldelink-Tag zu deinem Textblock hinzuzufügen.
6. Verwende dasselbe Menü, um eine Organisationsadresse, einen Link zur Verwaltung der Präferenzen, einen Link zur Webansicht und mehr hinzuzufügen.
   
7. Wenn du die E-Mail versendest, werden diese Tags durch den entsprechenden Text oder Link ersetzt.
   
8. Als Nächstes ziehst du einen Block mit sozialen Links in deine Vorlage, direkt über den Textblock aus den vorherigen Schritten. 
9. Wähle deinen sozialen Kanal aus dem Dropdown-Menü, um ihn zum Block hinzuzufügen.
   
10. Füge in das Feld Linkadresse für jeden sozialen Kanal einen Link zu deinem Profil hinzu. 
11. Wähle einen Icon-Stil.
    
12. Klicke auf Fertig, um zu den Hauptbearbeitungsoptionen der Vorlage zurückzukehren.
13. Optional kannst du den gesamten Fußzeilenbereich als universellen Inhalt speichern. 

5. Vorschau

Wenn du eine Kopfzeile, einen Hauptteil und eine Fußzeile hinzugefügt hast, kannst du eine Vorschau der E-Mail anzeigen. 

1. Klicke auf Vorschau & test in der oberen rechten Ecke des E-Mail-Editors. 
2. Umschalter zwischen Desktop und Mobile, um sicherzustellen, dass die Vorlage in beiden Formaten wie gewünscht erscheint. 
3. Klicke auf Test senden, um eine Test-E-Mail an deinen eigenen Posteingang zu senden. 
4. Klicke auf " Fertig", um das Vorschaumodal zu schließen. 
5. Klicke auf Speichern, um deine Vorlage zu speichern. 

Sobald du die Basisvorlage gespeichert hast, kannst du sie als Grundlage für alle zukünftigen Kampagne und Flow E-Mail verwenden. 

Zusätzliche Ressourcen 

• Kurs: Best Practices zur Verbesserung deiner E-Mail-Inhalte
• Wie du eine Vorlage erstellst, bearbeitest, löschst und verwaltest
• So fügst du einen Vornamen in eine E-Mail oder SMS ein
• Ein- und Ausblenden von Vorlagenblöcken und -abschnitten basierend auf dynamischen Variablen