August 16, 2022

E-Mail Layout: So erstellen Sie die perfekte E-Mail-Vorlage đź“ť

Lesezeit ungefähr 12 min
bunte papierschiffe vor blauem hintergrund email layout

Eine E-Mail zu schreiben ist nicht schwer. Damit sie im wahrsten Sinne des Wortes gut bei Ihren Empfänger:innen ankommt, sollten Sie jedoch einige Dinge beachten. Ein durchdachtes E-Mail Layout ist Teil davon.

In diesem Artikel zeigen wir Ihnen, welche Bausteine Ihr E-Mail Layout unbedingt aufweisen sollte und wie Sie dieses kinderleicht in Ihre eigene E-Mail-Vorlage integrieren.


💡 E-Mail Layout erstellen: Diese Möglichkeiten gibt es

Wenn Sie E-Mail Newsletter, Transaktions-Mails und Co. versenden möchten, führt kein Weg an einer professionellen E-Mail Marketing Software vorbei. Zwar ist es theoretisch möglich, Massen-E-Mails mit kostenlosen E-Mail Clients wie Mozilla Thunderbird oder Microsoft Outlook zu verschicken. Praktisch gesehen sollten Sie jedoch lieber darauf verzichten, denn Serienmails, die über solche Programme verschickt werden, landen oft im Spam-Ordner der Empfänger:innen und bieten Ihnen außerdem nur sehr eingeschränkte Gestaltungsmöglichkeiten.

Wenn Sie sich für eine Newsletter Software entscheiden, haben Sie bezüglich der Gestaltung Ihres E-Mail Layouts folgende Möglichkeiten:

Mailchimp, HubSpot und Co.: Welches E-Mail Marketing Tool passt zu Ihnen? In unserem Software-Vergleich finden Sie es heraus.

HTML

Das HTML-Format ist die Grundlage für ansprechende Newsletter. Wenn Sie Programmierkenntnisse haben und Ihre eigene HTML E-Mail programmieren möchten, können Sie das mit den meisten Newsletter Tools tun. Doch auch, wenn Sie mit Technik nichts am Hut haben, müssen Sie nicht auf ansprechende E-Mails verzichten.

Viele Softwares bieten Ihnen Drag&Drop-Editors an, mit denen Sie einzelne Elemente wie Textbausteine, Bilder und Buttons einfach in Ihrer E-Mail platzieren und nach Ihren Wünschen anpassen können.

Erfahren Sie, wie Sie Ihre eigene HTML-E-Mail-Vorlage erstellen.

Templates

Sie wollen es noch einfacher haben? Kein Problem! Mit E-Mail-Vorlagen, auch E-Mail Templates genannt, können Sie einfach vorgefertigte E-Mails auswählen, deren Design Ihnen zusagt, und diese dann nach Ihrem Geschmack individualisieren. Bei Sendinblue finden Sie zum Beispiel über 70 solcher Vorlagen für Marketing, E-Commerce und Co.

Auch im Internet finden Sie viele kostenlose E-Mail Templates, die Sie downloaden und – sofern es ein passendes Plugin für Ihre E-Mail Marketing Software gibt – Ihrem Newsletter Tool hinzufügen können.

Sie können natürlich auch zuerst Ihre eigene E-Mail-Vorlage erstellen und diese dann in Ihrer Vorlagengalerie speichern, um sie für zukünftige Kampagnen zu nutzen. Wie das mit Sendinblue geht, erklären wir in Kürze.

đź“© Die 5 Hauptbestandteile eines gelungenen E-Mail Layouts

Egal, ob Sie sich für eine eigens designte Mail oder ein vorgefertigtes E-Mail Template entscheiden – im Kern sind alle E-Mails gleich, oder sollten es zumindest sein. Denn nur, wenn Ihre E-Mail gut strukturiert ist und alle wichtigen Bausteine enthält, werden Ihre Empfänger:innen sie auch öffnen und lesen. Folgende 5 Hauptbestandteile sollte jede Mail enthalten:

Betreff

Die Betreffzeile Ihrer E-Mail kann darüber entscheiden, ob Ihre Empfänger:innen diese öffnen oder aber direkt in den Papierkorb verschieben. Dementsprechend sollte der perfekte Newsletter-Betreff dazu animieren, auf die Mail zu klicken. Dabei lautet die Devise: Machen Sie bereits im Betreff deutlich, worum es in der Mail geht und warum es sich für Ihre Empfänger:innen lohnt, diese zu öffnen. Enthält Ihr Newsletter beispielsweise einen Rabattcode, sollten Sie das bereits in der Betreffzeile erwähnen.

Auch Emojis und eine persönliche Ansprache können Ihre Öffnungsraten erhöhen.

Preheader

Der Preheader ist ein kurzer Text, der von vielen E-Mail Clients neben dem Betreff angezeigt wird. Oft wird er automatisch aus den ersten Zeilen Ihres Newsletter generiert. Die meisten E-Mail Softwares erlauben es Ihnen jedoch, einen individuellen Preheader zu formulieren. Nutzen Sie das, um Ihre Betreffzeile zu ergänzen und einmal mehr das Interesse Ihrer Empfänger:inn zu wecken. 

Kopfzeile

Jedes gute E-Mail Layout hat eine Kopfzeile, in der Sie Firmenlogo, Titelbild, Überschrift und einen Link zur Browser-Ansicht einbetten. Dies ist das erste, was Empfänger:innen zu Gesicht bekommen, wenn Sie Ihre E-Mail öffnen. Ihre Kernbotschaft sollte deshalb hier bereits klar werden. Folgende Elemente sollte die Kopfzeile Ihrer E-Mail enthalten:

  • Firmenlogo: Das Einbetten Ihres Logos schafft Vertrauen. Am besten hinterlegen Sie hier auch einen Link zu Ihrer Website, damit Ihre Leser:innen nicht erst bis ins Impressum scrollen mĂĽssen.
  • Bild: Das Titelbild sollte den Leser:innen ins Auge springen und das Thema der E-Mail unterstreichen. Es eignet sich auĂźerdem sehr gut dafĂĽr, die wichtigsten Infos aus dem Newsletter aufzugreifen. KĂĽndigen Sie in Ihrer Mail einen Sale an? Dann könnten Sie beispielsweise den Schriftzug “Sale – bis zu 50% Rabatt” in Ihrem Titelbild platzieren.  

Tipp: Anstelle eines Titelbilds können Sie auch ein animiertes GIF verwenden.

  • Ăśberschrift: Die Ăśberschrift sollte Lust darauf machen, weiter zu scrollen und den Rest Ihrer Mail zu lesen. Auch daraus sollte die Kernbotschaft Ihres Newsletters deutlich hervorgehen.
  • Link zur Browser-Ansicht: Gelegentlich kann es vorkommen, dass HTML Newsletter von bestimmten E-Mail Clients nicht richtig angezeigt werden. Dann kann ein Link zur Web-Ansicht sinnvoll sein. Diesen integrieren Sie am besten in die Kopfzeile Ihres Newsletters.

Im E-Mail Marketing gilt: Wichtige Informationen gehören “above the fold”. Sie sollten also auf den ersten Blick und ohne weiteres Scrollen sichtbar sein.

Hauptteil

Auch der Hauptteil ist fĂĽr das perfekte E-Mail Layout unverzichtbar. Er beginnt mit einer BegrĂĽĂźung – diese sollte unbedingt personalisiert sein. Schreiben Sie also “Liebe Frau X” oder “Hallo Max” und verzichten Sie auf anonyme Ansprachen wie “Liebe Leser:innen”. 

Anschließend sollten Sie erwähnen, warum Sie die Mail verschickt haben. Kommen Sie dabei schnell auf den Punkt, um Ihre Leser:innen nicht direkt nach dem Öffnen wieder zu verlieren.

Ansonsten sind Ihrer Kreativität im Hauptteil keine Grenzen gesetzt. Wie viele Textbausteine, Bilder, GIFs und Spalten Sie hier verwenden, bleibt ganz Ihnen überlassen. Achten Sie jedoch darauf, dass Sie Ihre Empfänger:innen visuell wie inhaltlich nicht überfordern. Wenn Sie viele gute Content-Ideen haben, heben Sie sich einige davon lieber für Ihr nächstes Mailing auf, anstatt zu versuchen, alle auf einmal unterzubringen!

Mit einer E-Mail Marketing Software mit integrierten Automatisierungsfunktionen ist die Newsletter-Personalisierung kinderleicht.

FuĂźzeile

Die Fußzeile ist nicht so wichtig, weil sie sowieso von kaum jemandem gelesen wird? Falsch! Auch ein Footer darf in Ihrem E-Mail Layout nicht fehlen. Dort hinein gehören unter anderem folgende Angaben:

  • Impressum: Beim Versand von geschäftlichen E-Mails sind Sie gesetzlich dazu verpflichtet, ein Impressum anzugeben. In das Impressum gehören Angaben wie der Name des Unternehmens, Post- und E-Mail-Adresse, Umsatzsteuer-ID und mehr. Eine komplette Liste aller Pflichtangaben finden Sie hier.
  • Abmeldelink: Auch diese Angabe ist rechtlich gesehen ein Muss. Laut DSGVO muss es Newsletter-Abonnent:innen jederzeit möglich sein, sich von einem Mailing abzumelden. Das sogenannte Simplizitätsgebot schreibt auĂźerdem vor, dass dies genauso einfach gehen muss wie die Newsletter-Anmeldung. Mit einem Abmeldelink im Footer sind Sie rechtlich auf der sicheren Seite.

Vergessen Sie nicht, auch Ihr Newsletter-Anmeldeformular DSGVO-konform zu gestalten.

Natürlich können Sie auch noch weitere Informationen in Ihren E-Mail Footer aufnehmen, wenn Sie der Meinung sind, diese stellen einen Mehrwert für Ihre Leser:innen da. Viele Unternehmen verlinken in der Fußzeile beispielsweise auf ihre Social Media Kanäle oder eigene Apps.

✅ E-Mail-Vorlagen erstellen mit Sendinblue: So geht’s

Sie haben das perfekte E-Mail Layout erstellt und wollen dieses als Grundlage für künftige E-Mail-Kampagnen verwenden? Nichts leichter als das! Mit Sendinblue erstellen Sie ganz leicht neue E-Mail-Vorlagen. Wir zeigen Ihnen Schritt für Schritt, wie es geht. 

Schritt #1:

Loggen Sie sich in Ihrem Sendinblue Account ein und navigieren Sie zur Kategorie “Vorlagen” in der linken Spalte. Klicken Sie anschließend oben rechts auf “Neue Vorlage”, um ein neues E-Mail Template zu erstellen.

email layout beispiel sendinblue schritt 1

Schritt #2: 

Füllen Sie alle erforderlichen Informationen aus, darunter der Name der Vorlage und die Betreffzeile. Klicken Sie anschließend auf “Nächster Schritt”.

email layout beispiel sendinblue schritt 2

Schritt #3:

Nun liegt es an Ihnen: Gestalten Sie Ihre eigene E-Mail Vorlage mit dem Drag&Drop-Editor, programmieren Sie eigene HTML E-Mail Templates oder wählen Sie eine Vorlage aus unserer Vorlagengalerie aus. 

email layout beispiel sendinblue schritt 3

Schritt #4:

Wenn Sie mit dem Inhalt Ihrer E-Mail zufrieden sind, müssen Sie nur noch auf “Speichern & Aktivieren” klicken, und schon wird die E-Mail-Vorlage Ihrer Bibliothek hinzugefügt. Wenn Sie das nächste Mal einen Newsletter erstellen, können Sie Ihre Vorlage im Bereich “Meine Templates” ganz einfach auswählen.

email layout beispiel sendinblue schritt 4

🚀 6 Tipps für das perfekte E-Mail Layout

Sie haben alle Hauptbestandteile eingebaut, möchten aber noch mehr aus Ihrem E-Mail Layout herausholen? Unsere 6 Tipps helfen Ihnen dabei.

1. Bilder

Wie bereits erwähnt, sind Bilder in Marketing E-Mails prinzipiell immer eine gute Idee. Jedoch sollten Sie einige Dinge beachten, wenn Sie Ihrer E-Mail-Vorlage Bilddateien hinzufügen möchten. Zum einen sollten Ihre Fotos kleiner als 1 MB sein und die Bildbreite sollte maximal 600px betragen. Ansonsten kann es passieren, dass Ihre Mail nur sehr langsam geladen oder von E-Mail Clients als Spam markiert wird.

Außerdem sollten die wichtigste Infos Ihrer Mail auch ohne Bild zu erfassen sein, denn manche E-Mail-Programme stellen Bilder nicht richtig dar oder laden diese gar nicht erst. Wenn Sie also Schriftzüge in Ihrem Titelbild platziert haben, sollten Sie dafür sorgen, dass sich die dort enthaltene Information auch im Fließtext wiederfindet. Zusätzlich können Sie dem Alt-Text Ihres Bildes eine Beschreibung hinzufügen.

Zu guter Letzt sollten Sie darauf achten, dass Ihre Bilder auch auf Smartphones richtig angezeigt werden – Stichwort: Responsives Design. Was es damit auf sich hat, erklären wir im nächsten Abschnitt. Dass Ihre Bilder eine hohe Auflösung haben sollten, versteht sich von selbst.

2. Responsive Design

Ein responsiver Newsletter ist so programmiert, dass er auf jedem Endgerät richtig dargestellt wird – auf dem Desktop genauso wie auf mobilen Geräten, z.B. Smartphones und Tablets. Warum das wichtig ist? Weil verschiedene Endgeräte verschiedene Bildschirmgrößen haben.

Verwenden Sie keine responsiven E-Mail Templates, kann es passieren, dass Ihr Newsletter-Inhalt auf manchen Geräten schlecht lesbar ist und ein Teil Ihres E-Mail Layouts abgeschnitten wird.

Doch keine Sorge: Die meisten Newsletter Templates professioneller E-Mail Marketing Softwares, darunter auch Sendinblue, sind standardmäßig responsiv.

3. GIFs statt Videos

Wie bereits erwähnt, können GIFs eine Mail visuell bereichern und gelegentlich anstelle eines statischen Titelbilds eingesetzt werden. Die animierten Grafiken nehmen, was die Dateigröße angeht, weniger Platz ein als Videos und eignen sich gut als Eyecatcher. Achten Sie jedoch darauf, dass sich das GIF nicht zu schnell bewegt und sie nicht zu viele GIFs in eine einzige Mail einbauen – ansonsten irritiert es Ihre Leser:innen womöglich.

4. CTA

Wenn Sie E-Mails verschicken, dann haben Sie wahrscheinlich immer ein konkretes Ziel vor Augen. Das könnte zum Beispiel darin bestehen, dass Ihre Empfänger:innen Ihren Online Shop besuchen, sich für ein Event anmelden oder eine Datei downloaden sollen. Damit sie das auch tun, betten Sie am besten eine Handlungsaufforderung in Form eines CTAs (Call to Action) ein. Denn das beste E-Mail Layout bringt Ihnen nichts, wenn Ihre Abonnent:innen nicht mit Ihren Mailings interagieren.

Ein CTA sticht besonders hervor, wenn Sie ihn relativ weit am Anfang und in Form eines Buttons in Ihr E-Mail Template einbauen. Dieser Button sollte sich farblich vom restlichen Text Ihrer Mail abheben. Außerdem kommen konkrete Aufforderungen wie zum Beispiel “Artikel lesen” oder “Jetzt Whitepaper herunterladen” in der Regel besser an als ein einfaches “Hier klicken”.

5. Text 

Wenn es um den Text in Ihrer E-Mail geht, sollte dieser vor allem eins sein: gut lesbar. Das gilt sowohl fĂĽr den Inhalt, als auch fĂĽr das Ă„uĂźere. Wählen Sie besser keine Schriftgröße unter 14px und seien Sie mit fettgedruckten, kursiven oder anderweitig hervorgehoben Worten sparsam. 

Außerdem sollten sowohl Ihr Schreibstil als auch Ihre Schriftart “on brand” sein, also mit Ihrem restlichen Markenauftritt übereinstimmen.

6. E-Mail Design

Last but not least sollten Sie im Rahmen Ihres E-Mail Layouts auch das Design beachten. Generell empfehlen wir, Ihre Unternehmensfarben zu verwenden. Denn diese haben einen Wiedererkennungswert – und das schafft Vertrauen bei Ihren Empfänger:innen.

Sollten Sie saisonale Mailings verschicken, können Sie Ihre Farbauswahl allerdings auch einmal ändern. Für Weihnachts-Mailings sind beispielsweise Farben wie Rot, Grün und Gold beliebt, während sich im Frühling Pastelltöne und im Sommer knallige Farben anbieten.

Aber Achtung: Treiben Sie es nicht zu bunt! Die Farben, die Sie verwenden, sollten immer zueinander passen und Ihre Leser:innen visuell nicht überfordern. Manchmal ist weniger eben mehr – achten Sie deshalb auch darauf, nicht zu viele verschiedene Farben miteinander zu kombinieren.

Ein gutes Newsletter Design lädt zum Weiterscrollen ein und macht Lust auf mehr.

đź’Ş Fazit: E-Mail Layout erstellen leicht gemacht

Ein gutes E-Mail Layout besteht neben Betreff und Preheader aus einer Kopfzeile, einem Hauptteil und einer FuĂźzeile. Haben Sie diese Bausteine in eine E-Mail-Vorlage eingebaut, gilt es, diese mit Leben zu fĂĽllen. Dabei sollten Sie den Zweck Ihrer E-Mail-Marketing-Kampagne, Ihre Corporate Identity und Ihre Zielgruppe immer im Hinterkopf behalten.

Haben Sie einmal ein E-Mail Layout gefunden, mit dem Sie zufrieden sind, können Sie dieses immer wieder als Vorlage verwenden. Am einfachsten geht das, indem Sie ein E-Mail Template mit einer E-Mail Marketing Software Ihrer Wahl erstellen und dieses für zukünftige E-Mail-Kampagnen abspeichern.

Mit Sendinblue geht das ganz einfach und völlig kostenlos. Probieren Sie es doch einmal aus und gestalten Sie heute noch das perfekte E-Mail Layout!

Der Newsletter fĂĽr Marketing Fans
Jetzt anmelden und monatlich die besten Tipps und Tricks fĂĽr erfolgreiches Online Marketing erhalten.
* Die Abmeldung vom Newsletter ist jederzeit möglich.

Sind Sie bereit, Ihr Marketing-Zen zu finden?

Sorgen Sie dafür, dass Ihr Arbeitstag völlig stressfrei verläuft, mit einer Lösung, die nur für Sie entworfen wurde.

Kostenloser Start