Beispiele für Teile und Snippets zum Stehlen (und zum Erstellen einzigartiger E-Mails in Minuten)

Veröffentlicht: 2021-08-20

So viele E-Mails, so wenig Zeit. Egal, ob Sie neu im E-Mail-Marketing oder ein erfahrener Profi sind, Sie haben vielleicht die schwere Last einer überwältigenden Arbeitsbelastung gespürt. Vielleicht fühlst du es jetzt. Eine Möglichkeit, E-Mails schneller aus der Tür zu bekommen? E-Mail-Module oder -Komponenten. Aber wenn Sie sich nicht sicher sind, ob Ihre Module ein Snippet oder ein Teil sein sollen – oder Sie bei Null anfangen – lesen Sie weiter.

Wir werden Sie durch den Unterschied zwischen Snippets und Partials führen, einschließlich Vorschlägen, wie Sie Ihre E-Mail in die entsprechenden Module aufteilen können. Und wenn Sie einfach nur greifen und loslegen möchten, scrollen Sie nach unten zu einigen Ausschnitten, die wir für Sie erstellt haben.

Ausschnitt oder Teil?

Das Wichtigste zuerst: Was sollte ein Snippet sein? Was könnte stattdessen besser als partielle sein? Sehen Sie sich diesen Entscheidungsbaum an, um herauszufinden, welche Teile Ihrer E-Mail ein Teil oder ein Snippet sein sollten.

Teil- oder Snippet-Flussdiagramm

Am Beispiel unseres Newsletters sortieren wir die verschiedenen Elemente wie folgt:

Lackmus-Newsletter-Schnipsel und Auszüge

Lassen Sie uns nun etwas mehr über Snippets und Teiltöne erfahren.

Schnipsel sind am besten für…

Snippets sind wiederverwendbare Code-Stücke, die in mehreren Kampagnen verwendet werden können, aber möglicherweise bei jeder Verwendung bearbeitet werden müssen (z. B. das Austauschen von Bildern, Text, Links oder Farben). Snippets eignen sich in der Regel hervorragend für Elemente wie:

  • Überschriften
  • Absatztext
  • Textlinks
  • Kugelsichere Knöpfe
  • Bild-Tags
  • Wiederverwendbare Muster (z. B. Artikel, Kalender, Produktkarten)

Sie können also ein Snippet für ein Heldenbild, eine Überschrift, einen Kopierblock, eine Schaltfläche, einen 2×2-Bildblock, einen zweispaltigen Abschnitt mit Bild rechts, einen zweispaltigen Abschnitt mit einem Bild links usw. haben.

Warum bauen Sie dies nicht einfach stattdessen in einer einzigen E-Mail-Vorlage auf? Wenn Sie jedes Teil separat als Snippet erstellen, haben Sie und Ihr Team mehr Flexibilität, Elemente neu anzuordnen und E-Mails zu mischen und abzugleichen.

Hier sind ein paar E-Mails aus meinem Posteingang, die einzigartige Abschnitte umkreisen, die eigentlich nur Ausschnitte sein sollten (und vielleicht sind sie es auch!).

OOLY Asana Duolingo ABC
OOLY E-Mail mit markierten SnippetsAsana-E-Mail mit markierten SnippetsDuolingo ABC-E-Mail mit markierten Ausschnitten

Schauen wir uns eine der E-Mails genauer an. Der erste von OOLY sieht aus, als könnte er mit mindestens zwei Snippets erstellt werden: 1) Kombination aus Bild in voller Breite, Überschrift, Fließtext, Schaltfläche und 2) Kombination aus aufgefülltem Bild, Überschrift, Fließtext, Schaltfläche.

Wenn Sie einen Ausschnitt aus einer Kombination oder einem Muster von Elementen erstellen, können Sie steuern, wie die Dinge angeordnet werden sollen. Aber wenn Sie in einer anderen Reihenfolge ist nicht jene Elemente dagegen (wie mit der Schlagzeile über dem Bild), könnten Sie brechen diese noch weiter nach unten, jedes der Elemente in ihre eigenen Schnipsel Trennung: 1) in voller Breite Bild, 2 ) aufgefülltes Bild, 3) Überschrift, 4) Textkörper und 5) Schaltfläche.

Teile sind am besten für…

Partials sind in mehreren Kampagnen geteilt. Das bedeutet, dass sie am besten funktionieren, wenn sie Inhalte enthalten, die sich nicht oft ändern – wenn überhaupt – und die in allen Kampagnen, in denen sie verwendet werden, konsistent bleiben müssen. Sie werden möglicherweise auch als globaler dynamischer Inhalt bezeichnet.

Der Bonus: Alle Änderungen, die Sie an einem Teil vornehmen (z. B. wenn Ihr Unternehmen saisonale Logos verwendet oder Offenlegungen aktualisieren muss), werden automatisch in jeder E-Mail aktualisiert, die diesen Teil verwendet. Eine solche Zeitersparnis, insbesondere wenn Sie eine Zillion ausgelöster E-Mails haben, deren Aktualisierung nacheinander mühsam wäre.

Stellen Sie es sich für die Entwickler wie eine einzelne CSS-Datei vor, die auf mehreren Webseiten verwendet wird.

Diese machen perfekte E-Mail-Partials:

  • Logos
  • Überschriften
  • Fußzeilen
  • Soziale Symbole
  • Haftungsausschlüsse
  • Stimmungsmesser
  • Grundlegende Inhalte (z. B. Kundensupport)
  • Sekundäre Werbeinhalte (z. B. Kreditkarte)

Bei einem früheren Unternehmen haben wir unser Abonnieren & Sparen-Programm hochgefahren, also habe ich in jede E-Mail ein kleines Banner eingefügt, das dafür wirbt (natürlich segmentiert auf die Personen, die nicht bereits im Programm sind). Als wir später den Anreiz für den Beitritt erhöhten, musste ich nur den Text in einem Teil aktualisieren, anstatt in jede E-Mail einzugehen. Waaat. Magie.

Lassen Sie uns das E-Mail-Modul-Spiel noch einmal spielen. Drei E-Mails aus meinem Posteingang, die alles umkreisen, was ich in einen Teil verwandeln würde.

Printique Ruhig Globale Heilung
Printique E-Mail mit markierten TeilstrichenRuhige E-Mail mit markierten TeiltönenGlobale Heilungs-E-Mail mit markierten Teilbereichen

Wenn Sie sich zum Beispiel die erste E-Mail von Printique genauer ansehen, werden Sie feststellen, dass ich vier mögliche Teilbereiche bemerkt habe: 1) Header, 2) Garantie, 3) Social Proof und 4) Footer.

Ich habe alle Kopfzeilenelemente in einen Teil und alle Fußzeilenelemente in einen anderen zusammengefasst. Aber ähnlich wie bei Snippets können Sie die verschiedenen Elemente in ihre eigenen Teilbereiche aufteilen.

Wenn Sie Printique sind und je nach E-Mail unterschiedliche Navigationsleisten haben, können Sie sich in einen Logo-Teil und einen Navigationsteil aufteilen. Auf diese Weise stellen Sie sicher, dass Ihr Logo in jeder Kampagne konsistent ist, lassen sich jedoch ein paar Optionen für die Navigationsleiste.

Erstellen Sie gemeinsam genutzte Module und arbeiten Sie daran zusammen

Zentralisieren Sie die wichtigsten Komponenten Ihrer E-Mail-Kampagnen, um die Zusammenarbeit zu vereinfachen, die Markenintegrität zu gewährleisten und die Produktion in Ihrem gesamten Team zu skalieren. Großartig für Entwickler und Nicht-Programmierer!

Erfahren Sie, wie →

Module, die Sie jetzt kopieren und einfügen können

Es gibt eine ganze modulare Starter-Vorlage, die wir mit 22 Snippets erstellt haben (die Sie auch als Teils verwenden können), die kürzlich der Litmus-Community hinzugefügt wurden – kostenlos. Der Einstieg ist so einfach wie Kopieren, Einfügen, Ersetzen.

  • Header mit zentriertem Logo
  • Bild in voller Breite ohne Auffüllung
  • Bild in voller Breite mit Auffüllung
  • H1-Schlagzeile
  • H2-Schlagzeile
  • H3-Schlagzeile
  • Einführungskopie
  • Absatz
  • Bestellliste
  • Ungeordnete Liste
  • Symbolbasierte Liste
  • CTA-Taste
  • Teiler
  • 1-Säulen-Testimonial oder Redner
  • 2-spaltiges Bild links
  • 2-spaltiges Bild rechts
  • 2-spaltiges Bild + Text
  • 3-spaltiges Bild + Text
  • Abschnitt aufrufen
  • Erfahrungsbewertung
  • Social-Media-Block
  • Fusszeile

Hier ist ein Beispiel dafür, wie sie aussehen können.

Header mit zentriertem Logo

Header mit zentriertem Logo

Holen Sie sich den Ausschnitt →

Symbolbasierte Liste

Symbolbasierte Liste

Holen Sie sich den Ausschnitt →

Call-to-Action-Button

Call-to-Action-Button

Holen Sie sich den Ausschnitt →

Einspaltiges Testimonial oder Referent

Einspaltiges Testimonial oder Referent

Holen Sie sich den Ausschnitt →

Zweispaltiges Bild links

Zweispaltiges Bild links

Holen Sie sich den Ausschnitt →

Erfahrungsbewertung

Erfahrungsbewertung

Holen Sie sich den Ausschnitt →

4 Umschläge in verschiedenen Farben

Möchten Sie alle 22 E-Mail-Schnipsel?

Treten Sie der Litmus-Community bei (kostenlos!), um auf die von Litmus erstellten Snippets zuzugreifen – QA getestet auf über 100 E-Mail-Clients, einschließlich Dark Mode. Sie sehen auch Ausschnitte von anderen E-Mail-Freaks und können sich revanchieren, indem Sie Ihre eigenen teilen.

Hol sie dir alle →

Effizienzgewinne für den Gewinn

Fühlen Sie sich wohler? Dank der Leistungsfähigkeit der E-Mail-Module kann unser eigener E-Mail-Entwickler Carin Slater in nur 10 Minuten eine markengerechte, fehlerfreie E-Mail erstellen. Und Sie können es auch. Nehmen Sie diese Beispiele also mit in Ihr Team und wenden Sie sie auf Ihre eigenen E-Mails an. Ein effizienterer Workflow bedeutet mehr Zeit für innovative Strategien. Win-Win.

Lackmus-Logo

Schneller fehlerfreie E-Mails erstellen mit Litmus

Erstellen Sie schnell E-Mails mit Snippets und Partials in Litmus Builder. Sehen Sie sich dann eine Vorschau an, wie sie in über 100 E-Mail-Clients, Apps und Geräten aussehen, um Pixelperfektion zu erzielen.

Starten Sie Ihre kostenlose Testversion →