Marketing-Börse PLUS - Fachbeiträge zu Marketing und Digitalisierung
print logo

E-Mail-Templates erstellen

Wie Sie eine erfolgreiche E-Mail-Marketing-Kampagne einrichten und was beim E-Mail-Design sowie der Erstellung von E-Mail-Templates zu beachten gilt.
Audience Serv | 13.07.2020
E-Mail-Templates erstellen © Freepik / monsterstudio
 

E-Mail-Marketing ist eine effektive Strategie für Kundengewinnung und Kundenbindung. Um aus der Masse an E-Mails herauszustechen, sollten einige Punkte beachtet werden. Dabei sind technische, strategische und visuelle Elemente gleichermaßen entscheidend für den Erfolg einer E-Mail-Marketing-Kampagne. Von der passenden Betreffzeile bis hin zu einem mobilfreundlichen E-Mail-Template: Ein durchdachtes E-Mail Design & Layout ist ausschlaggebend für die Öffnungs-, Klick- und Konversionsrate.

Als internationaler Zielgruppen Spezialist unterstützt Audience Serv seit über 12 Jahren Unternehmen bei der Neukundenakquise durch E-Mail-Marketing. Basierend auf diesen Erfahrungen veröffentlicht der Experte Best Practices für die Erstellung der perfekten E-Mail. Jeder Schritt des Erstellungsprozesses, vom Design bis zur Codierung des HTML E-Mail Templates, wird beleuchtet. Darüber hinaus werden alle Expertentipps in einer Checkliste zusammengetragen.

1. Erstellung eines E-Mail Templates

Bei der Erstellung von E-Mail-Kampagnen sollten Sie sich klare Ziele setzen. Welche Zielgruppe möchten Sie ansprechen? Wo liegen die Probleme und Bedürfnisse Ihrer (potenziellen) Kunden? Welchen Mehrwert versprechen Sie und wie übermitteln Sie diese Botschaft in Ihrer E-Mail?

Für die Gestaltung Ihres E-Mail-Templates ist es wichtig, diese Punkte bei jedem Schritt im Erstellungsprozess zu beachten. Von einer unwiderstehlichen Betreffzeile bis hin zu einem angepassten E-Mail-Layout: Das Gesamtkonzept sollte stimmig sein. Mit personalisierten Inhalten und einem professionellen E-Mail-Design, kann der Erfolg Ihrer Kampagne gesteigert werden.

Personalisierung

Personalisierte E-Mails können die Kampagnen-Performance optimieren. Programmatisches E-Mail-Marketing ermöglicht es, hoch personalisierte E-Mails an segmentierte Zielgruppen zu senden. Die umfangreiche Datenanalyse liefert notwendige Informationen zu den Interessen verschiedener Buyer Personas. Somit lassen sich einzelne E-Mail-Elemente, wie Ansprache, Betreffzeile, Inhalt oder Bilder, an die Vorlieben der Empfänger anpassen. Die persönliche Ansprache erhöht die Öffnungs-, Klick- und Konversionsrate.

Relevante Inhalte

Ihr Inhalt sollte relevant sein und den Lesern einen Mehrwert bieten. Anstatt die Empfänger mit zu vielen Informationen zu überwältigen, sollte der Inhalt auf den Punkt gebracht werden. Überlegen Sie, was Ihre Zielgruppe interessiert und gehen sie direkt auf die Probleme und Interessen Ihrer Adressaten ein. Handelt es sich um eine umfangreiche Werbekampagne, kann eine spezielle Landingpage genutzt werden, um den Lesern mehr Details zur Kampagne zu geben.

 

Fesselnde Betreffzeile

Die Betreffzeile spielt eine große Rolle für den Erfolg Ihrer Kampagne. Schließlich dient sie dazu, die Neugier und Aufmerksamkeit im Postfach zu wecken. Der Titel sollte auf das Interesse Ihrer Zielgruppe abgestimmt werden. Mit einer kurzen und prägnanten Formulierung dient die Betreffzeile als eine Art Vorschau auf den Inhalt Ihrer E-Mail. Testen Sie verschieden Alternativen aus (A/B-Testing) und wählen Sie die Betreffzeile mit den besten Öffnungsraten für die Durchführung Ihrer Kampagne.

 

Pre-Header-Text

Der E-Mail-Preheader-Text gibt Ihnen die Möglichkeit, den Inhalt Ihrer E-Mail näher vorzustellen. Die kurze Textzusammenfassung wird direkt nach dem Betreff und vor dem Öffnen der E-Mail angezeigt, um die ersten ersichtlichen Informationen zum Inhalt der E-Mail zu geben. Anstatt die Betreffzeile umzuformulieren, sollte der Bereich für zusätzliche Information zu Ihrer Kampagne genutzt werden. Durch integrierte Call-To-Actions kann die Öffnungsrate erhöht werden.

2. E-MAIL DESIGN & LAYOUT

Mit dem Erstellen eines benutzerfreundlichen E-Mail-Layouts können Sie die Leser bewusst durch Ihren Inhalt führen. Brechen Sie Ihre Texte auf und integrieren Sie hochwertige Bilder, Emojis oder GIFs. So entwickeln Sie ein spannendes Nutzer-Erlebnis. Ein logischer Aufbau, klare Überschriften, CTAs und Fokus-Bilder helfen dem Leser, den Inhalt Ihrer E-Mail gut zu überblicken.

Es ist nützlich, im Vorfeld ein "Mockup" für Ihre E-Mail zu erstellen. Das Skizzieren von E-Mail Templates erleichtert es, das E-Mail-Design klar zu definieren und umzusetzen.

 

Das ideale Template Format

Einspaltige Templates funktionieren hervorragend auf Desktop- und Mobilgeräten. Durch den minimalistischen Stil können Leser dem E-Mail-Aufbau leicht folgen und sich auf das Wesentliche konzentrieren. Für die korrekte Darstellung Ihres E-Mail-Templates empfiehlt sich eine Template-Breite von bis zu 600 px. Dieses Format wird bei meisten E-Mail-Anbietern ohne Probleme angezeigt. Überschreitet das Template die Breite von 600 Pixel, kann das beispielsweise zur verzerrten und falschen Darstellung führen.

 

Mobile Optimierung

Das Öffnen von E-Mails auf Mobilgeräten nimmt von Jahr zu Jahr zu. Daher ist es wichtig, Ihr HTML E-Mail-Template für die Desktop- und Mobilversion zu optimieren. Durch mobilfreundliche E-Mail-Newsletter können Sie Ihr Engagement und Ihre Klickraten steigern. Viele E-Mail-Designer-Tools setzen heutzutage auf ein sogenanntes „Mobile First“ -Design. Dies bedeutet, dass E-Mails in erster Linie auf mobile Displays abgestimmt werden. Stellen Sie sicher, dass Sie Ihre E-Mails sowohl für Desktop als auch für Mobilgeräte testen und optimieren.

 

Verwendung von Webfonts

Wenn es um individuelles E-Mail-Design geht, werden häufig Webfonts verwendet. Durch einzigartige Schriftzüge kann das Design auch im Rahmen der verwendeten Schrift individualisiert werden. Bei Webfonts unterscheidet man zwischen "normalen" Webfonts und Web-Safe-Fonts. Zweitere wird als Standard Font definiert, die von den meisten E-Mail-Clients unterstützt wird. Bei Webfonts, wie Google- oder Apple-Schriftarten, kann es hingegen zu Darstellungsproblemen kommen (insbesondere bei Symbolen oder Umlauten).

Aus diesem Grund empfiehlt sich die Nutzung von Web-Safe-Fonts, um eine korrekte Anzeige Ihrer Inhalte sicherzustellen. Diese umfassen beispielsweise Arial, Helvetica, Times New Roman, Verdana, Courier / Courier New, Tahoma, Georgia, Palatino, Trebuchet MS und Geneva.

 

Rechtliche Anforderungen

Für das E-Mail-Layout sollte auch der Footer berücksichtigt werden. Dabei ist dringend auf die Integration des Links zum Abbestellen des Newsletters zu achten. Laut DSGVO muss der Empfänger jederzeit die Möglichkeit haben, E-Mails abzubestellen. Um die Anzahl von Unsubscribern zu verringern, empfiehlt es sich, dem Benutzer relevante Inhalte anzubieten. Durch eine Auswahl an Themenbereichen können Empfänger selbst entscheiden, für welche Art von Newslettern sie sich an- oder abmelden möchten. Außerdem gehört auch das Impressum als Pflichtbestandteil in geschäftsmäßige E-Mails und Newsletter. Das Impressum sollte die komplette Firmenbezeichnung inklusive Rechtsformzusatz, Postadresse und Kontaktinformationen (wie Telefonnummer und E-Mail-Adresse) beinhalten.

 

Integration von CTAs

Call-to-Action (CTAs) helfen Ihnen dabei, Ihre E-Mail-Empfänger zu konvertieren. Mit einem integrierten CTA werden die Leser zu einer bestimmten Handlung aufgefordert, wie z. B. "Website besuchen", "Jetzt bestellen" oder "Herunterladen". Definieren Sie klare und spezifische CTA’s in Ihren E-Mails. Um Ihre CTAs hervorzuheben, sollten diese als Button eingepflegt werden. CTA's sollten mit hervorstechender Akzentfarbe gut platziert werden und leicht anklickbar sein.

 

Link zur Webversion

Gehen Sie auf Nummer sicher und setzen Sie einen gut sichtbaren Link zur Webversion Ihres Newsletters ein. Sollte es trotz aller Vorkehrungen zu Darstellungsproblemen Ihres Inhaltes kommen, können Empfänger durch Klicken des Links die korrekte Version Ihrer E-Mail einsehen.

3. HTML E-MAIL CODING

Mit einem HTML-Template bieten sich unbegrenzte Möglichkeiten bei der Gestaltung einer E-Mail. Im Vergleich zur reinen Text-E-Mail, sorgen professionelle HTML-E-Mail-Designs für Abwechslung und mehr Aufmerksamkeit. Die richtige Komposition von Bildern, Farben und Formatierungen schaffen einen personalisierten Look und steigern damit die Engagement- und Konversionsraten.

 

Nutzung von Tabellen

Tabellen sind ein zuverlässiges Mittel, um ein konsistentes Layout zu schaffen. Nutzen Sie Tabellen für ein ausgerichtetes Design, mit dem Sie die Größe Ihrer E-Mail-Elemente steuern können. Zudem helfen geschachtelten Tabellen (nested tables) mit Inline-Styles eine fehlerfreie Anzeige eines HTML-Newsletters zu gewährleisten.

 

Auswahl des Codierung Ansatzes

Bei der E-Mail-HTML-Codierung gibt es zwei gängige Ansätze: "Responsive" und "Hybrid Fluid".

“Responsive” E-Mail-Design verwendet Fluidtabellen, Fluidbilder und Medienabfrage, um das Layout auf verschiedene Displaygrößen zu übertragen. CSS-Medienabfragen können Tabellen und Bilder mit fester Breite auf Desktops für kleinere Bildschirme in flüssige Elemente umwandeln.

Der “Hybrid”-Codierung-Ansatz verwendet ebenfalls ein flüssiges Raster, aber die Elemente sind standardmäßig fließend. D. h. Ihr E-Mail-Template verkleinert und vergrößert sich entsprechend der Bildschirmgröße des Endgerätes. Da Hybrid nicht auf Medienabfragen angewiesen ist, kann dieser Ansatz von Vorteil sein, wenn Sie an E-Mail-Clients senden, die keine Medienabfragen unterstützen.

 

E-Mail-Größe beachten

Durch das Versenden von E-Mails mit einer Dateigröße unter 100 kB können Spam-Filter umgangen werden. Darüber hinaus verhindert eine kleinere Dateigröße, dass Clipping (Kürzen) Ihrer E-Mail durch E-Mail-Clients. Um sicherzustellen, dass Sie unter dem Grenzwert bleiben, sollten Sie unnötige Zeichen vermeiden und sich auf das Wesentliche in Ihrer Botschaft konzentrieren.

 

Sonderzeichen und Umlaute

Damit Umlaute und Sonderzeichen in Ihrem Newsletter-Design korrekt dargestellt werden, sollten diese Zeichen durch gültige HTML-Codes ersetzt werden. Mit der Verwendung von Zeichencodierung, werden sämtliche Umlaute und Sonderzeichen aus dem Text entfernt und durch HTML-Codes ersetzt.

4. E-MAIL-BILDER

Bilder sind eine großartige Möglichkeit, um Ihre Botschaft auch aus einer visuellen Perspektive zu unterstützen. Stellen Sie sicher, dass Sie Bilder auswählen, die für Ihren Inhalt relevant sind. Es ist ratsam, qualitative Bilder zu verwenden, die in guter Auflösung angezeigt werden, ohne die Ladezeit Ihrer E-Mail negativ zu beeinflussen.

 

E-Mail-Bilder in Retina-Qualität

Viele Endgeräte sind heutzutage mit einem „Retina“-Display ausgestattet. Diese Displayart weist eine hohe Pixeldichte auf. Daher sollten Sie große und qualitative Bilder verwenden, um eine scharfe Abbildung und gute Auflösung sicherzustellen.

 

Verwendung von Hintergrundbildern

Um das Design einer Marketingkampagne weiter zu verbessern, können Hintergrundbilder genutzt werden. Ein optimales Hintergrundbild bildet einen guten Kontrast zum Hauptinhalt, ohne vom Wesentlichen abzulenken.

 

Berücksichtigung blockierter Bilder

Einige E-Mail-Anbieter blockieren Bilder standardmäßig. Auch Nutzer lassen Bilder aktiv blockieren, um den Datenverbrauch beim Laden von Bildern zu sparen. Die Verwendung von alternativen Texten kann dabei helfen, dass Ihre Inhalte trotz Bild-Blockierung verständlich übermittelt werden. Wird das Bild nicht korrekt angezeigt, erscheint ein beschreibender Text anstelle des Bildes. Versuchen Sie HTML-Text zu verwenden, um diese negativen Auswirkungen zu vermeiden. Auf diese Weise werden Ihre Bilder problemlos gerendert.

Fazit

Für eine erfolgreiche E-Mail-Kampagne ist ein professionelles E-Mail-Template unumgänglich. Werden verschiedene strategische und technische Anforderungen bei der Erstellung der E-Mail beachtet, steht einem ansprechenden und wertigem Design nichts mehr im Weg. Durch nutzerfreundliche und relevante E-Mails wird nicht nur die Zufriedenheit der Empfänger gesteigert, sondern auch die Kampagnen-Performance.

Der wohl wichtigste Schritt beim Erstellen von E-Mail-Templates ist jedoch das Testen. Bevor Sie Ihre E-Mail-Kampagne senden, sollten Sie sicherstellen, dass Ihr Design auf allen E-Mail-Clients korrekt angezeigt wird. Achten Sie auf Alternative Bild-Texte, Schriftarten, CTA-Buttons und Hintergrundbilder.

Wir von Audience Serv helfen Ihnen bei der Umsetzung Ihrer E-Mail-Kampagne und führen Sie mit E-Mail Marketing zum Unternehmenserfolg.