E-Mail-Design: Beispiele und Best Practices

Wenn Sie E-Mails versenden, müssen Sie Ihr E-Mail-Design berücksichtigen – so einfach ist das. Denn selbst die überzeugendste Nachricht kann übersehen werden, wenn sie nicht gut präsentiert wird.

In diesem Beitrag untersuchen wir einige wichtige Best Practices für das E-Mail-Design, komplett mit Beispielen, um Ihnen zu helfen, E-Mails zu erstellen, die nicht nur gut aussehen, sondern auch zum Handeln anregen.

E-Mail-Design: Beispiele und Best Practices

Bleiben Sie Ihrer Marke treu

Konsistenz ist der Schlüssel zum E-Mail-Design. Sie möchten E-Mails erstellen, die die visuelle Identität Ihrer Marke widerspiegeln. Fügen Sie daher Ihre Markenfarben, Schriftarten und Ihr Logo in jede E-Mail ein.

Sie sollten Ihre E-Mails auch als Gelegenheit nutzen, um auf Ihre Website und Ihre sozialen Medien zu verlinken. Dies macht Ihre E-Mails nicht nur sofort erkennbar, sondern stärkt auch die Präsenz Ihrer Marke.

Glücklicherweise stehen Ihnen mehrere Plattformen und Tools zur Verfügung, um E-Mail-Designs zu erstellen, die Ihrer Marke entsprechen. Darüber hinaus bieten viele Plattformen E-Mail-Designvorlagen zur Verwendung und Anpassung an, die bereits Branding-Optionen und andere wichtige Elemente enthalten.

WPForms bietet beispielsweise anpassbare E-Mail-Vorlagen für Benachrichtigungs-E-Mails. Ihre Website-Besucher erhalten eine Benachrichtigungs-E-Mail, wenn sie ein Formular über Ihre Website absenden, und diese E-Mails benötigen einheitliches Branding, genau wie alle anderen E-Mails, die Sie versenden!

Haben Sie Spaß mit Emojis

Die Einbindung von Emojis in Ihre Betreffzeilen oder den Inhalt kann eine spielerische Note verleihen und die Aufmerksamkeit Ihres Publikums auf sich ziehen. Scheuen Sie sich also nicht vor dieser unterhaltsamen Ergänzung Ihrer E-Mail-Marketingstrategie!

Das heißt, Sie möchten Ihre E-Mail-Nachrichten nicht in eine Art moderne Hieroglyphen verwandeln.

Verwenden Sie Emojis sparsam und nur, wenn sie zur Markenstimme passen, um nicht unprofessionell zu wirken. Wenn ich Newsletter-E-Mails schreibe, füge ich zum Beispiel gerne ein Emoji in die Betreffzeile oder den Preheader meiner E-Mail (worüber wir als Nächstes sprechen werden) ein und streue nur eine Handvoll davon über die E-Mail-Nachricht.

Es ist eine kreative Möglichkeit, Leser von 😒 zu 😄 zu bringen.

Verwenden Sie einen Aufmerksamkeitserreger

Ihre Betreffzeile ist das Erste, was Ihre Leser sehen werden, also machen Sie sie wichtig. Erstellen Sie eine Betreffzeile, die Neugier weckt oder einen Mehrwert bietet, und stellen Sie sicher, dass sie den Inhalt der E-Mail widerspiegelt, um die richtigen Erwartungen zu wecken.

Aber lassen Sie Ihre Leser auch nicht im Ungewissen! Verwenden Sie so wenige Wörter wie möglich, wenn Sie die Betreffzeile schreiben – Sie möchten, dass alles auf die Zeile passt, ohne dass etwas abgeschnitten wird.

Ihre Betreffzeile sollte also kurz und bündig sein und dem Empfänger klar machen, dass diese E-Mail es wert ist, geöffnet zu werden. Schauen Sie sich einige der Betreffzeilen in diesem Leitfaden zu Beispielen für E-Mails zu abgebrochenen Warenkörben an.

Aber quälen Sie sich nicht, um alles hineinzubekommen, wertvoll und eingängig zu sein – lassen Sie künstliche Intelligenz Ihnen helfen! Schauen Sie sich unseren Leitfaden zur Verwendung von KI zur Erstellung von E-Mail-Betreffzeilen an, um mehr zu erfahren.

Nutzen Sie den Pre-Header

Der Pre-Header-Text ist wie eine zweite Betreffzeile. Es ist eine weitere Chance, ihn Ihrem Empfänger wirklich zu verkaufen!

Nutzen Sie diesen Platz weise, um Ihre Betreffzeile zu ergänzen und Ihre Leser zum Öffnen der E-Mail zu verleiten. Er kann eine kurze Zusammenfassung oder ein zusätzlicher Aufhänger sein.

Tun Sie also im Grunde alles, was ich für die Betreffzeile gesagt habe, noch einmal. Nur machen Sie die Zeilen nicht zu ähnlich... Ziemlich knifflig, ich weiß.

Vergessen Sie nicht, dass KI auch in diesem Aspekt Ihres E-Mail-Designs eine große Hilfe sein kann. Tatsächlich kann KI Ihnen bei fast jedem Aspekt Ihres E-Mail-Marketings helfen.

Schauen Sie sich meine umfangreiche Liste an, um zu sehen, welche Tools ich für jede E-Mail-bezogene Aufgabe empfehle. Ich bin sicher, Sie werden dort etwas für sich finden!

Machen Sie es mobilfreundlich

Wie lesen Sie diesen Artikel gerade? Auf Ihrem Mobilgerät? Überprüfen Sie jemals Ihre E-Mails auf Ihrem Handy? Ich wette, das haben Sie schon mal getan!

Der Punkt ist, dass Ihr Design mobilfreundlich sein muss, da über die Hälfte der E-Mails auf Mobilgeräten geöffnet wird. Und auch wenn Ihre bevorzugte E-Mail-Plattform möglicherweise mobil-responsive Funktionen bietet, gibt es einige Designelemente, die Sie selbst integrieren können, um ein gutes mobiles Erlebnis zu gewährleisten.

Um sicherzustellen, dass Ihr E-Mail-Design mobilfreundlich ist, sollten Sie:

• Formatieren Sie Ihre E-Mail in einem einspaltigen Layout
• Verwenden Sie möglichst große Schriftarten
• Fügen Sie Schaltflächen hinzu, die auf einem kleinen Bildschirm leicht mit dem Finger angetippt werden können

Stellen Sie dann sicher, dass Sie die mobile Version Ihres E-Mail-Designs in der Vorschau anzeigen, bevor Sie es senden, damit Sie wissen, wie es auf einem kleinen Bildschirm aussieht.

Fügen Sie eine persönliche Note hinzu

Ein wenig persönliche Note kann viel bewirken, und viele der E-Mail-Plattformen, die ich zuvor erwähnt habe, können Ihnen dabei helfen.

Durch die Personalisierung Ihrer E-Mails, indem Sie den Namen des Empfängers angeben oder Inhalte basierend auf früheren Interaktionen anpassen, können Ihre E-Mails relevanter und ansprechender wirken.

Nutzen Sie also die Daten, die Sie über Ihre Website sammeln (Namen, die auf Formularen angegeben wurden, Geolocation-Details), um Ihre Zielgruppe zu segmentieren und gezieltere E-Mails zu versenden.

Kommen Sie direkt zur Sache

Ein weiser Lehrer brachte meiner Klasse einmal bei, beim Schreiben „Fett zu trimmen“, und das ist beim Schreiben von E-Mails nicht anders. Oft müssen Sie überflüssige und unnötige Inhalte entfernen, die Ihre Leser nicht wollen oder brauchen.

Mit anderen Worten, kommen Sie einfach auf den Punkt!

Beweisen Sie Ihren Lesern, dass Sie ihre Zeit und Aufmerksamkeit respektieren und sie nicht verschwenden werden. Dies wird Ihnen auf lange Sicht zugutekommen und kann Ihnen helfen, Ihre Abonnenten und treuen Kunden zu halten.

Rufen Sie zur Aktion auf

Ein „Call to Action“ oder CTA ist eine direkte Aufforderung, die Sie Ihrem Leser für eine Aktion geben, die er abschließen soll.

Ihr CTA könnte darin bestehen, einen Artikel zu lesen, sich für Ihren Newsletter anzumelden, Ihnen in sozialen Medien zu folgen usw.

Um effektiv zu sein, sollte Ihr CTA also diese Attribute haben:

• Ist klar, überzeugend und leicht zu finden
• Wird als Schaltfläche oder fette Textformatierung verwendet, um hervorzustechen
• Erfordert eine Aktion, die für den Empfänger leicht auszuführen ist

Sie sehen eine der CTA-Schaltflächen, die ich für diesen Artikel erstellt habe, direkt unter diesem Satz. Ist sie nicht cool?

Beheben Sie jetzt Ihre WordPress-E-Mails

Gehen Sie mit dem Fluss

Eine gut strukturierte E-Mail führt das Auge des Lesers reibungslos durch den Inhalt. Ihr Inhalt ist der Fluss, und Sie möchten Ihrem Leser helfen, mit dem Strom zu schwimmen.

Beginnen Sie dazu mit den wichtigsten Informationen oben  und verwenden Sie Zwischenüberschriften, um den Text unterwegs aufzuteilen.

Die Struktur und das Layout Ihrer E-Mail sind ein weiterer Bereich, in dem die Verwendung einer bereitgestellten Vorlage unglaublich praktisch ist. Mit den WPForms-Benachrichtigungs-E-Mail-Vorlagen können Sie aus 5 verschiedenen Vorlagenstilen wählen (oder es selbst mit einfachem Text tun), um diesen Aspekt Ihres E-Mail-Designs zu optimieren.

Welchen Formatierungsstil Sie auch immer wählen, achten Sie einfach auf das Leseerlebnis Ihres Lesers – Sie möchten ihn nicht überfordern. Nutzen Sie viel Weißraum in Ihrem Inhalt, damit Ihr Leser ihn leicht verfolgen und aufnehmen kann.

Werden Sie visuell

Abgesehen von Struktur und Layout-Design scheuen Sie sich nicht, Ihren Inhalt visuell zu gestalten!

Integrieren Sie Bilder, GIFs oder Videos, um Ihre E-Mails ansprechender zu gestalten. Visuelle Inhalte können Ihre Botschaft schnell vermitteln und Ihre E-Mails einprägsamer machen.

Das Gleichgewicht ist jedoch entscheidend – überladen Sie Ihre E-Mail nicht mit zu vielen visuellen Elementen. Es gibt einen Grund, warum Ihr Empfänger Ihre E-Mail geöffnet und sich entschieden hat, Informationen auf diese Weise zu konsumieren.

Geben Sie ihnen also keine Kunstgalerie, wenn sie Text auf einem Bildschirm erwarten.

Unterschreiben Sie mit einer Signatur

Personalisierung mit Ihrem E-Mail-Design muss sich nicht nur auf Ihre Empfänger beschränken. Achten Sie darauf, sich auch mit einer originellen Signatur von Ihnen zu verabschieden!

Eine professionelle E-Mail-Signatur liefert nicht nur Ihre Kontaktinformationen, sondern stärkt auch Ihre Marke. Und wenn sie Teil Ihrer E-Mail-Einstellungen oder Ihrer bevorzugten Plattform ist, wird Ihre Signatur mit jeder E-Mail verwendet, die von Ihnen kommt.

Hier sind ein paar Dinge, die Sie in Ihre E-Mail-Signatur aufnehmen möchten:

• Foto von Ihnen
• Ihr Name
• Berufsbezeichnung oder Position
• Firmenname
• Kleines Logo
• Links zu sozialen Medien

Eine E-Mail-Signatur ist eine großartige Möglichkeit für Ihr Publikum, eine positive Assoziation mit Ihnen aufzubauen, Sie kennenzulernen und letztendlich Ihnen oder Ihrer Marke treu zu bleiben.

Geben Sie ihnen eine Möglichkeit zum Aussteigen

Diese Tipps sind gut und großartig und alles, aber manchmal funktioniert es einfach nicht.

Sie müssen daher immer einen klaren und leicht zu findenden Abmeldelink in Ihren E-Mails einfügen. Dies ist nicht nur gesetzlich vorgeschrieben, sondern hilft auch, eine positive Beziehung zu Ihrem Publikum aufrechtzuerhalten, indem Sie deren Präferenzen respektieren.

Bei WP Mail SMTP fügen wir die Abmeldeoption am Ende jedes Newsletters ein, den wir versenden. Erwägen Sie, Ihren Abmeldelink zusammen mit den Links, die ich in Ihrer Signatur erwähnt habe, ebenfalls dort zu platzieren.

Ihre Leser wissen, wo sie Sie finden können! Und mit anderen Kontakt- und Verbindungsmöglichkeiten bekommen Sie sie vielleicht später wieder als E-Mail-Abonnenten zurück.

Führen Sie einige Tests durch

Schließlich sollten Sie, wenn alles gesagt und getan ist, Ihr E-Mail-Design einem Test unterziehen, bevor Sie es vollständig versenden.

Sie sollten buchstäblich zuerst eine Test-E-Mail an sich selbst senden, um zu sehen, wie die Erfahrung Ihres Empfängers sein wird. Ihre E-Mail-Plattform sollte dies als grundlegenden Schritt beim Erstellen einer E-Mail-Kampagne ermöglichen.

Führen Sie dann A/B-Tests für verschiedene Elemente Ihrer E-Mail durch, wie z. B. Betreffzeilen, CTAs oder Design-Layouts, um herauszufinden, was bei Ihrem Publikum am besten ankommt. Sie können diese Erkenntnisse dann nutzen, um Ihre E-Mail-Kampagnen kontinuierlich zu verbessern.

Zu vermeidende Fehler

Betrachten wir nun, was Sie mit Ihrem E-Mail-Design NICHT tun sollten:

• Überladung mit Informationen: Stopfen Sie nicht zu viel Inhalt in eine E-Mail.
• Ignorieren der visuellen Hierarchie: Dies birgt das Risiko, die Leser nicht mit einem klaren Fluss durch die E-Mail zu führen.
• Vernachlässigen von Alt-Text für Bilder: Vergessen Sie nicht, Alt-Texte zu Bildern für Barrierefreiheit und für E-Mail-Clients hinzuzufügen, die Bilder blockieren.
• Nicht auf mehreren Geräten testen: Sie müssen E-Mails auf verschiedenen Geräten und Plattformen in der Vorschau anzeigen und testen, auch im Dark Mode.

Da haben Sie es! Indem Sie diese Best Practices befolgen und einige häufige Fehler vermeiden, werden Sie im Handumdrehen Ihr eigener E-Mail-Marketing-Profi sein.

Haben Sie Fragen zu einem dieser Tipps? Lassen Sie es uns in den Kommentaren wissen.

Beheben Sie jetzt Ihre WordPress-E-Mails

FAQ

Als bestes E-Mail-Deliverability-Plugin für WordPress erhalten wir viele Fragen zu allen Themen rund um E-Mails. Hier sind einige der am häufigsten gestellten Fragen zum E-Mail-Design:

Was sind die Schlüsselelemente eines effektiven E-Mail-Designs?

Ein effektives E-Mail-Design umfasst eine klare und überzeugende Betreffzeile, ein gut organisiertes Layout, einen starken Call-to-Action (CTA), mobile Responsivität und visuell ansprechende Inhalte, die mit Ihrer Marke übereinstimmen.

Woher kann ich sicher sein, dass mein E-Mail-Design mobilfreundlich ist?

Verwenden Sie für ein mobilfreundliches E-Mail-Design ein responsives Design, das sich an verschiedene Bildschirmgrößen anpasst, halten Sie den Text kurz, verwenden Sie größere Schriftarten zur besseren Lesbarkeit und stellen Sie sicher, dass Schaltflächen auf kleinen Bildschirmen leicht anklickbar sind.

Wie kann ich die Markenkonsistenz in meinen E-Mail-Designs beibehalten?

Behalten Sie die Markenkonsistenz bei, indem Sie die Farbpalette, Schriftarten und das Logo Ihrer Marke in jeder E-Mail verwenden. Halten Sie außerdem einen konsistenten Ton und Stil in Ihrer Botschaft, um Ihre Markenidentität zu stärken.

Stellen Sie als Nächstes sicher, dass Ihre E-Mails konform sind

Ich habe in diesem Artikel erwähnt, dass die Aufnahme einer Abmeldeoption in Ihre E-Mail gesetzlich vorgeschrieben ist. Wussten Sie, dass es zusätzliche Regeln für das Versenden von E-Mails gibt? Werfen Sie einen Blick auf unseren Leitfaden zu CAN-SPAM, DSGVO und anderen Elementen der E-Mail-Konformität, um mehr zu erfahren.

Bereit, Ihre E-Mails zu reparieren? Starten Sie noch heute mit dem besten WordPress SMTP-Plugin. Wenn Sie keine Zeit haben, Ihre E-Mails zu reparieren, können Sie gegen eine zusätzliche Gebühr eine vollständige White Glove Setup-Unterstützung erhalten, und für alle kostenpflichtigen Tarife gilt eine 14-tägige Geld-zurück-Garantie.