Das Erstellen von HTML-E-Mails anstelle von Vollbild-E-Mails ist einfacher als Sie denken

E-Mails gibt es seit diesem Jahr seit 50 Jahren, aber am Anfang waren es nur Klartext-E-Mails. Die Idee des E-Mail-Marketings wurde 1978 geboren, aber erst in den 1990er Jahren wurde HTML-E-Mail bekannt. In der frühen Welt des E-Mail-Marketings war E-Mail-SPAM ein häufiges Ärgernis und E-Mail-Clients verwendeten viele verschiedene Filter, um SPAM zu blockieren. Einer dieser Filter blockierte E-Mails mit nur einem Bild. Bereits 2007 stellte Mailchimp fest, dass die Verwendung eines riesigen Bildes in Ihrer E-Mail dazu führen kann, dass Ihre E-Mail blockiert wird und Ihre Absprungrate um bis zu 23 % steigt.

Mit der Entwicklung des E-Mail-Marketings haben sich auch die SPAM-Filter weiterentwickelt. Heutzutage werden Sie bei einer E-Mail mit nur Bildern nicht unbedingt als SPAM markiert, aber nur weil Sie E-Mails mit nur Bildern erstellen können , heißt das nicht, dass Sie dies tun sollten.

Ich denke, es ist an der Zeit, ein ehrliches Gespräch über All-Image-E-Mails zu führen, um die Gründe dafür und dagegen anzusprechen. Und wenn wir schon dabei sind, schauen wir uns an, wie einfach es sein kann, einige E-Mails mit nur einem Bild in Live-Text-E-Mails umzuwandeln.

Lassen Sie uns E-Mails mit allen Bildern auswerten

Vorteile

„Was meinen Sie damit, dass E-Mails nur mit Bildern Vorteile haben?!“ du fragst. Nun, es gibt. All-Image-E-Mails sind nicht mehr der E-Mail-Fauxpas, der sie einmal waren. Tatsächlich kann es Ihr Engagement erhöhen, wenn Sie die Dinge ändern und eine E-Mail mit allen Bildern senden, während Sie normalerweise Live-Text-E-Mails senden. Alles Neue wird wahrscheinlich dazu führen, dass Ihre Abonnenten munter werden. Aber es gibt noch andere Dinge, die E-Mails mit nur einem Bild zur bevorzugten Wahl für einige Unternehmen machen.

1. Pflege des Markenstils
   Wenn Sie für eine Marke arbeiten, deren Markenstil sehr genau ist, dann sind E-Mails mit allen Bildern wahrscheinlich der richtige Weg. Sie können sicherstellen, dass die Schriftarten überall korrekt sind. Und Sie können sicherstellen, dass alle Markenstile in allen E-Mail-Clients beibehalten werden. Bei E-Mails mit nur Bildern müssen Sie sich keine Sorgen machen, dass die E-Mail abbricht, wie bei einer Live-Text-E-Mail.
2. Optisch wirkungsvoll
   Ich persönlich glaube nicht so sehr daran, da ich glaube, dass Sie visuell wirkungsvolle E-Mails erstellen können, ohne auf E-Mails mit nur Bildern zurückgreifen zu müssen. Aber es gibt einige Dinge, die Sie mit einer Live-Text-E-Mail einfach nicht überall tun können (wenn auch nicht viel, wenn Sie einen großartigen E-Mail-Entwickler haben). ReallyGoodEmails steckt voller großartiger E-Mail-Inspirationen und ein großer Teil davon sind reine Bild-E-Mails, weil sie ehrlich gesagt wirklich gut aussehen.
3. Billiger
   Manche Leute würden argumentieren , dass all-Bild - E - Mails billiger sind , weil Sie keinen Designer und Entwickler zahlen müssen. (In einigen Fällen bin ich mir ziemlich sicher, dass diese Unternehmen nicht einmal einen Designer verwenden). Sie können die Bilder in Ihrem bevorzugten Bildbearbeitungsprogramm erstellen und dann speichern und direkt in Ihr ESP übertragen. Es ist eine schnelle und einfache Möglichkeit, Ihren Abonnenten eine schöne E-Mail zu senden.

Nachteile

Unser eigener Magan Le fragte mich nach meiner Meinung zu E-Mails, die nur aus Bildern bestehen, und ehrlich gesagt bin ich nicht mehr so ​​​​anti-image-only-E-Mails wie früher. Ich glaube immer noch nicht, dass Sie mit einer All-Image-E-Mail jedem ein großartiges E-Mail-Erlebnis bieten können. Für einige Unternehmen kann eine E-Mail mit allen Bildern jedoch sinnvoll sein. Aber bevor Sie die Entscheidung treffen, stellen Sie sicher, dass Sie die Nachteile berücksichtigt haben:

1. Schlechte Erreichbarkeit
   Nur-Bild-E-Mails sind nicht so zugänglich wie Live-Text-E-Mails. „Aber ich habe genauen ALT-Text eingegeben, Carin!“ Das ist großartig. Und es gibt einige Unternehmen, die All-Image-E-Mails mit wirklich gutem ALT-Text erstellen. Aber Barrierefreiheit bedeutet nicht nur das Einfügen von ALT-Text. Eine E-Mail, die für alle zugänglich ist, bedeutet, dass sie von jedem gelesen werden kann. ALT-Text ist keine Hilfe für Personen mit Legasthenie oder Benutzer mit Sehbehinderung, die Einstellungen verwenden, um die Schriftgröße zu erhöhen. Dies sind nur einige der Probleme, mit denen Live-Text-E-Mails viel besser umgehen können als E-Mails, die nur aus Bildern bestehen.
2. Schlechte Benutzererfahrung
   Selbst für Abonnenten, deren Bilder aktiviert sind, können E-Mails mit nur Bildern eine schlechtere Benutzererfahrung sein als Live-Text-E-Mails. Bei Abonnenten mit langsameren Internetverbindungen kann es zu langen Wartezeiten beim Laden der Bilder kommen. Die Verwendung großer unkomprimierter Bilder kann die Daten Ihrer Abonnenten auffressen, wenn sie ihre E-Mails lesen, während sie auf dem Handy lesen. Und denken Sie an die Personalisierung! Ich kann Ihnen versichern, dass es viel einfacher ist, ein Merge-Tag in eine Live-Text-E-Mail einzufügen, als personalisierte Bilder für Ihre gesamte Liste zu erhalten.
3. Fehlende oder verlorene Calls-to-Action (CTAs)
   Bei E-Mails mit allen Bildern verlieren alle Abonnenten, deren Bilder deaktiviert sind, alle CTAs, die sich in Ihrem Bild befinden. Ganz zu schweigen von allem, was Sie sonst noch in Ihrer E-Mail haben. Sie denken vielleicht, dass Sie sich keine Sorgen machen müssen, weil Sie nur eine geringe Anzahl von Abonnenten haben, die klicken, ohne Ihre E-Mail zu öffnen. Aber wie viele Abonnenten sehen Ihre E-Mail ohne Bilder an und klicken nicht, weil sie Ihren CTA nicht sehen können?

Dies ist nur ein grober Überblick über die Nachteile. Wenn Sie mehr Überzeugungsarbeit benötigen (oder Ihr Kunde dies tut), geht Magan viel ausführlicher darauf ein, warum Sie keine E-Mails mit nur Bildern senden sollten.

Was ist so toll an Live-E-Mails?

Sie versenden seit Ihrer gesamten E-Mail-Marketing-Karriere E-Mails mit Vollbild und haben immer wieder den Ausspruch „Versenden Sie keine Vollbild-E-Mails“ gehört, aber Sie hatten nur Erfolg? Das ist großartig. Aber kann ich Ihnen nur einige der großartigen Dinge über Live-E-Mails mitteilen?

Vorteile

1. Einfacher zu aktualisieren
   All-Image-E-Mails sind mühsam zu aktualisieren. Sie müssen das Bild aktualisieren, erneut speichern, erneut hochladen und dann zu Ihrer E-Mail hinzufügen. Und Sie haben wahrscheinlich auch einige Genehmigungen drin. Mit einer Live-E-Mail ist es einfach, ein falsch geschriebenes Wort oder ein falsches Datum zu aktualisieren. Sie müssen nur den Fehler finden und korrigieren. Es ist nicht nötig, den ganzen Weg zurück zum -buchstäblichen- Zeichenbrett zu gehen.
2. Besseres Abonnentenerlebnis
   Bei einer Live-E-Mail wird die Kopie für Abonnenten mit Bildschirmen mit höherer Auflösung angepasst, der Text wird auf mobilen Geräten nicht zu klein und im Dunkelmodus haben Sie eine gewisse Kontrolle darüber, wie die Farben invertiert werden. Und selbst wenn Ihre Abonnenten aus irgendeinem Grund Bilder deaktiviert haben, sind der E-Mail-Inhalt und die CTAs weiterhin sichtbar.

Nachteile

1. Teurer
   „Es ist zu teuer, für jede E-Mail, die wir versenden, einen Entwickler einzustellen.“ Ja, wahrscheinlich ist es das. Aus diesem Grund sollten Sie nicht für jede E-Mail, die Sie senden, einen Entwickler beauftragen. Beauftragen Sie einen Entwickler, um ein modulares System zu erstellen, das Sie dann selbst implementieren können. Viele E-Mail-Dienstleister (ESPs) bieten Vorlagensysteme an, also beauftragen Sie einen Entwickler, um für Ihr Unternehmen ein maßgeschneidertes Vorlagensystem zu erstellen. Wenn Ihr ESP dies nicht hat, können Sie einen Entwickler in Litmus Builder Partials und Snippets erstellen lassen und dann die Drag-and-Drop- und Visual Editor-Funktionalität verwenden, um die E-Mail in Litmus zu erstellen. Ich verspreche Ihnen, dass Sie auf lange Sicht Zeit sparen werden, da Sie weniger Hin- und Herbewegungen an Ihren E-Mails vornehmen müssen.
2. Schwieriger zu erstellen
   Oder sind Sie? Dies ist einer der Nachteile, die ich von vielen Unternehmen höre. Wir haben keinen Entwickler, daher können wir keine Live-E-Mails senden. Wie oben erwähnt, verfügen viele ESPs über Vorlagen und modulare Gebäudelösungen. Und wenn Ihr ESP dies nicht tut, verfügt Litmus über einen visuellen Editor und die Litmus-Community verfügt über viele Vorlagen und Schnipsel, mit denen Sie Ihre eigenen E-Mails erstellen können. Wir haben sogar eine modulare Vorlage und Snippets, um Ihnen den Einstieg zu erleichtern.
3. Das Design ist nicht bei allen E-Mail-Clients identisch
   Nein, die meisten E-Mails sind nicht bei allen E-Mail-Clients identisch. Wenn Sie einen Entwickler und viel Zeit haben, können Sie wahrscheinlich ziemlich nah dran sein. Aber müssen Ihre E-Mails wirklich über alle E-Mail-Clients hinweg identisch sein? Ja, die Farben sollten gleich sein, aber abgerundete Ecken auf Ihren Schaltflächen, eine etwas andere Schriftart oder ein identisches Layout auf einem kleineren Bildschirm sind keine Probleme, die das Erlebnis Ihrer Abonnenten so sehr beeinträchtigen, dass sie nicht lesbar sind Text wäre.

Konvertieren von All-Image-E-Mails

Jetzt kommen wir zum lustigen Teil. Konvertieren Sie diese schönen E-Mails mit nur Bildern in Live-Text. Es gibt einige Techniken, die Sie verwenden können, um sicherzustellen, dass Ihre E-Mail immer noch so erstaunlich und auffällig ist wie eine E-Mail mit nur einem Bild.

Hintergrundbilder

Einer der häufigsten Gründe für eine E-Mail mit nur Bildern ist, dass interessante Hintergründe, die nicht nur weiß oder einfarbig sind, eine optisch interessantere E-Mail erzeugen. Sie müssen jedoch keine Volltonfarbe als Hintergrund in Ihrer E-Mail verwenden. Sie können Hintergrundbilder verwenden und sie werden von den meisten E-Mail-Clients unterstützt, wenn Sie sie richtig codieren. Windows 10 Mail ist die größte Ausnahme. Wenn Sie einen großen Abonnentenstamm haben, der auf Windows 10-Mail öffnet, sollten Sie sich von Hintergrundbildern fernhalten.

Es gibt einen großen Unterschied zwischen einer E-Mail, die mit einem Hintergrundbild codiert ist, und einer E-Mail, die nur als Bild codiert ist. Wenn Sie ein Hintergrundbild verwenden, ist der gesamte Text auch dann sichtbar, wenn die Bilder deaktiviert sind, sodass der Abonnent weiterhin auf den ersten Call-to-Action klicken und sich ein Bild davon machen kann, worum es in der E-Mail geht und von wem sie stammt :

Im Gegensatz zu einer E-Mail, in der ein Bild verwendet wird, um einen Hintergrundbildeffekt zu erzeugen. In diesem Fall geht der ursprüngliche CTA (wie auch das Logo und der Firmenname) verloren. Die E-Mail ist nicht so wirkungsvoll und obwohl der Abschnitt „Bestseller“ immer noch sichtbar und umsetzbar ist, geht der Sinn der E-Mail – Geld für Organisationspakete zu sparen – verloren:

Heldenstück wird mit All-Images erstellt – Bilder sind aktiviert (Quelle: Really Good Emails )	Heldenstück wird mit allen Bildern erstellt – Bilder sind deaktiviert

Das Codieren von Hintergrundbildern ist nicht die einfachste Sache, aber wir haben einen Blogbeitrag, der Ihnen dabei hilft. Wenn Sie Vorlagen mit Hintergrundbildern in Litmus eingerichtet haben, können Sie die Hintergrundbilder im Visual Editor ändern, ohne den Code zu berühren. Stellen Sie sicher, dass die Bildgrößen mit dem Bild übereinstimmen, das Sie ersetzen, und dass Sie das verwendete Bild komprimiert haben, damit es nicht zu groß ist.

Bilder und Text versetzen

Alles, was vom Erwarteten oder Regelmäßigen abweicht, zieht unsere Aufmerksamkeit auf sich und Sie können überall Beispiele dafür sehen, auch in E-Mails.

Das obige Beispiel hat den Bildversatz, den Sie problemlos als ganzes Bild ausführen können, aber was ist, wenn Sie einen Textblock versetzen möchten? Nun, Sie haben ein paar Möglichkeiten. Sie könnten es nur ein wenig versetzen, damit der Text nicht wirklich versetzt ist. Sie lassen nur den Anschein erwecken, dass das Element versetzt ist, wie in dieser E-Mail:

Hier ist der obere Teil der E-Mail versetzt, aber wie Sie sehen, befindet sich im weißen Teil nur ein wenig Blau, es gibt weder Text noch Bilder. Sie können also eine leere Tabellenzelle verwenden. Oder wenn Sie abgerundete Ecken wünschen, die überall funktionieren, können Sie ein dekoratives Bild verwenden. Aber zu diesen Techniken später mehr. In diesem Fall wird der tatsächliche Inhalt Ihrer E-Mail nicht verschoben, scheint es aber zu sein.

Die andere Möglichkeit besteht darin, alles wie in dieser E-Mail kompensieren zu lassen:

In dieser E-Mail ist der gesamte Callout-Abschnitt in einem Block über einem Bild versetzt. Dies ist im Web mit absoluter Positionierung einfach, aber da dies nicht überall in E-Mails unterstützt wird, wird es etwas schwieriger. Mir sind zwei verschiedene Methoden bekannt. Wenn du mehr hast, lass es uns in den Kommentaren wissen!

Erstens gibt es Faux Absolute Positioning. Steven Sayo und Mark Robbins haben einige großartige Schritt-für-Schritt-Anleitungen geschrieben, um diese Technik zu erlernen. Steven und Mark bieten Fallbacks, damit es in Outlook funktioniert, und nach meiner begrenzten Erfahrung damit hat es eine ziemlich gute Unterstützung.

Wenn Sie mit Code nicht so vertraut sind, können Sie diesen Effekt auch erzeugen, indem Sie Bilder in Scheiben schneiden und sie um das Element herum positionieren, das Sie versetzen möchten. Etwas chaotischer, aber es funktioniert. Sie müssen unbedingt testen, testen, testen, da die Wahrscheinlichkeit höher ist, dass etwas schief geht und ein Bild nicht richtig ausgerichtet ist.

Ich bin ein Fan der falschen absoluten Positionierung, weil sie es E-Mails ermöglicht, diesen dramatischen Versatz zu haben, während der E-Mail-Live-Text beibehalten wird und man sich keine Sorgen machen muss, geschnittene Bilder aneinanderzureihen, aber beide Methoden funktionieren.

Webfonts & Live-Text

Die Einhaltung von Markenstandards ist ein weiterer wichtiger Grund für die Verwendung von E-Mails, die nur aus Bildern bestehen, da Schriftarten nicht überall angezeigt werden können. Ich verstehe das. Es gibt jedoch viel mehr Fallback-Optionen als Helvetica und Arial. Ermutigen Sie Ihr Unternehmen oder Ihre Kunden, eine Standard-Fallback-Schriftart in Ihre Markenrichtlinien aufzunehmen, damit Ihre Botschaft in allen E-Mail-Clients ankommt.

Samsung hält es interessant, indem es Trebuchet MS als Fallback-Schriftart für seine Schlagzeilen verwendet. Nicht ganz die Schriftart der Marke Samsung One, aber immer noch interessanter und auffälliger als Helvetica, Arial, ALT-Text oder nichts:

E-Mail mit aktiviertem Webfont und aktivierten Bildern	E-Mail mit angezeigtem Fallback und deaktivierten Bildern

Das Hinzufügen von Webfonts mit interessanten Fallbacks ist eine der schnellsten Möglichkeiten, Ihre E-Mail hervorzuheben, wenn Sie sich nicht auf Bilder für Ihre E-Mail verlassen. Sie können einfach einmal hinzugefügt und dann in Ihrem gesamten E-Mail-Designsystem implementiert werden. Und sobald Ihre E-Mail-Vorlagen mit den Webfonts eingerichtet sind, können auch Nicht-Programmierer davon profitieren, wenn Sie ein System mit Vorlagen verwenden.

Stilisierter ALT-Text

Indem Sie den ALT-Text formatieren, können Sie die E-Mail auch ohne Bilder so aussehen lassen, wie sie aussieht. Wir bei Litmus verwenden gestylten ALT-Text, um eine grobe Version unseres Logos zu erhalten, aber Sie können dies auch auf diesen bildbasierten Schaltflächen verwenden, um sie hervorzuheben, wenn Sie E-Mails mit nur Bildern erstellen müssen. Sie können ALT-Text formatieren, indem Sie CSS zum Image-Tag hinzufügen, und Sie können die Hintergrundfarben und die meisten Aspekte der Schriftart für den ALT-Text ändern. Es wird nicht überall unterstützt, aber gehen Sie zu unserem Ultimate Guide to Styled ALT Text, um zu sehen, wo es unterstützt wird und wie es geht.

Bilder, leere Tabellenzellen und gestylte horizontale Linien als Gestaltungselemente

Sie müssen nicht das gesamte Bild haben, um interessante Elemente zu erstellen. Manchmal können nur Teile des Bildes verwendet werden, um es zu vervollständigen und diese mit Tabellenzellen zu kombinieren, um visuelles Interesse zu wecken.

Um abgerundete Ecken zu erstellen, die in allen E-Mail-Clients angezeigt werden, füge ich Bilder von abgerundeten Ecken oben und unten in Containern hinzu. Sie können auf ähnliche Weise Winkel oder Formen als Übergänge zwischen Abschnitten Ihrer E-Mail erstellen. Anstatt die gesamte Form mit einem Bild zu erstellen, verwenden Sie Hintergrundfarben für den Teil mit Text und fügen Sie dann ein Bild oben oder unten in einem Abschnitt hinzu, um ihn hervorzuheben.

Sie können Ihre horizontalen Linien auch stylen, um interessante Übergänge oder Trennlinien zwischen Abschnitten zu erstellen. Wir verwenden in Litmus einfache Stile, um eine Linie zu erstellen, aber es gibt viele verschiedene Techniken, die Sie ausprobieren können, um mit nur einer horizontalen Linie interessante Trennlinien zu erstellen. (Lass uns wissen, wie es geht!).

Wir haben auch einen bunten Trenner, mit dem wir Inhalte aufteilen. Dies geschieht komplett mit Hintergrundfarben und Tabellenzellen:

Werden Sie kreativ mit Ihrem Code und sehen Sie, was Sie ohne Bilder machen können!

Kugelsichere Knöpfe

Dies ist mein größter Ärger über All-Image-E-Mails. Bei bildbasierten Handlungsaufforderungen können Ihre Abonnenten nur schwer Maßnahmen ergreifen, wenn sie sie nicht sehen können. Wenn alles andere zu schwer zu implementieren ist, verwenden Sie bitte zumindest Live-Text-Buttons für Ihre Calls-to-Action.

Dies sind zwei verschiedene E-Mails, eine mit einer Live-Text-Schaltfläche und die andere eine E-Mail mit allen Bildern, bei der die Schaltfläche in einem der Bilder enthalten ist. Die E-Mail auf der linken Seite ist viel umsetzbarer als die E-Mail auf der rechten Seite.

E-Mail mit Live-Text-Button ohne Bilder (Quelle: Really Good Emails )	E-Mail mit bildbasierter Schaltfläche ohne Bilder (Quelle: Really Good Emails )

Wenn Ihr Argument für die Verwendung von E-Mails mit nur Bildern darin besteht, dass Sie ohne Öffnen nicht viele Klicks erhalten, sodass Sie kein großes Publikum ohne Bilder haben dürfen, schauen Sie sich an, wie Ihre CTAs ohne Bilder aussehen. Nicht viele Leute würden sich durchklicken, wenn sie nicht wüssten, worauf sie klicken.

Es gibt verschiedene Möglichkeiten, Live-Text-Buttons zu erstellen, also stellen Sie sicher, dass Sie eine Methode verwenden, die für Ihr Publikum funktioniert und wie immer: Testen, testen, testen!

Konvertieren dieser All-Image-E-Mails

Ich habe mich an einige andere E-Mail-Entwickler gewandt, um Ihnen zu zeigen, wie einige dieser Techniken verwendet werden können, um E-Mails mit nur Bildern in Live-Text umzuwandeln. Sie werden feststellen, dass die Konvertierung dieser E-Mails in Live-Text nicht nur die Version der E-Mail mit deaktivierten Bildern verbessert hat, sondern auch die mobile und die Dark Mode-Version der E-Mail.

S'well E-Mail-Konvertierung

Anne K. Tomlin ist die Gründerin von E-Mail's Y'all. Als erfahrene Programmiererin, die die Besonderheiten von E-Mail-Macken kennt, ging es ihr darum, den Unterschied zu zeigen, den Live-Text in einer E-Mail ausmachen kann.

In ihren eigenen Worten: E-Mails mit allen Bildern erhalten Ihre Nachricht nicht an Personen, deren Bilder standardmäßig blockiert sind, und an alle, die einen Bildschirmleser oder einen digitalen Assistenten (Siri, Alexa usw.) verwenden. Wenn Conversions Ihr Ziel sind, haben Sie diesen Personen nicht einmal die Möglichkeit zur Conversion gegeben. S'wells E-Mail war zehnmal so schlecht wie eine normale reine Bild-E-Mail, weil es überhaupt keinen Alternativtext gab. Ein Screenreader oder digitaler Assistent würde vorlesen: „Feiern Sie mutige Schritte, große Ideen und Freude! Schauen Sie sich diese Mail in Ihrem Browser an. Einkaufen. Geschichten. Über uns. Anschwellen." und dann sofort springen, um die Fußzeile vorzulesen. Was für eine schreckliche Erfahrung! Abonnenten, deren Bilder blockiert sind, sehen buchstäblich eine leere Seite. Niemand wird sich eine leere Seite ansehen und denken: "Ich sollte das in einem Browser überprüfen!" und klicken Sie auf den Link „Im Browser anzeigen“. Sie haben 5 Sekunden Zeit, um die Aufmerksamkeit eines Abonnenten zu erregen. Wenn Sie also eine E-Mail mit allen Bildern haben und diese Bilder standardmäßig nicht geladen werden, hätten Sie genauso gut keine E-Mail senden können. Tatsächlich könnte dieser Abonnent es sehen, da Sie ihm überhaupt nichts senden, also sollte er sich einfach abmelden.

Ursprüngliche E-Mail:

Annes Live-Text-Version:

Ich bevorzuge Annes Version sehr, hauptsächlich wegen der Katzen, aber auch wegen der verbesserten Zugänglichkeit auf dem Handy und im Dark Mode. Der Text ist nicht in einem Bild eingeschlossen, sodass er nicht verkleinert wird, sondern lesbar bleibt. Die Dark Mode-Version ist eigentlich dunkel und wird kein blendend helles Licht sein, wenn ich sie in einem dunklen Raum betrachte. Außerdem wird jeder, der sein Telefon auf Dark Mode eingestellt hat, um die Augenbelastung zu reduzieren, nicht damit konfrontiert den Lichtmodus, den sie zu vermeiden versuchten.

Original Mobile-Version	Annes Mobile-Version
Originalversion des dunklen Modus	Annes Dark Mode-Version

Und für die All-Image-Konvertierung…. [Trommelwirbel bitte]

Tada! Beim Ausschalten der Bilder geht nichts verloren (außer den süßen Kätzchen). Abonnenten können weiterhin Maßnahmen ergreifen und vor allem: Sie können Ihre Nachricht weiterhin lesen .

Sehen Sie, wie Anne es macht

Magic Spoon-E-Mail-Konvertierung

Carin Slater ist die E-Mail-Marketing-Spezialistin und E-Mail-Entwicklerin hinter allen E-Mails von Litmus. Warte, das bin ich! Gut, Sie kennen meine Haltung zu E-Mails, die nur aus Bildern bestehen.

Ich liebe Magic Spoon-E-Mails (und auch Magic Spoon-Müsli, so lecker), aber ich bin immer traurig, wenn sie als reine Bilder-E-Mails in meinem Posteingang landen. Sie sind normalerweise ziemlich gut darin, den Bildtext als ALT-Text einzufügen, damit Sie immer noch wissen, was in der E-Mail vor sich geht, wenn keine Bilder vorhanden sind, aber diese E-Mail war nicht so beschreibend oder umfassend wie andere E-Mails, die sie gesendet haben. Ich dachte, ich würde das anpacken, da es einen GIF-Button gibt, der wirklich Spaß macht und ohne Bilder schwer zu machen scheint.

Ursprüngliche E-Mail:

Carins Live-Text-Version:

Ich musste einen Kompromiss eingehen, da es im dunklen Modus auf Outlook 365-Desktop-Clients unter Windows nicht perfekt aussieht. Und da ich mit einer All-Image-E-Mail und nicht mit der Designdatei arbeitete, konnte ich keine Dark Mode- oder Mobile-Version des GIF erstellen, die ich beide angefordert hätte, damit sie ausgetauscht werden könnten, wenn Ich habe mit den Originaldateien gearbeitet. Trotz dieser Probleme wurden der Dark Mode und die mobilen Versionen in der Live-Text-Version verbessert. Die GIF-Animation wird in der mobilen Version beibehalten und der Text ist besser lesbar, wenn auch nur ein bisschen, da Magic Spoon eine Vollbildversion erstellt hat, die sie für die mobile Version ausgetauscht haben (yay für mobile, aber boo, weil die E-Mail codiert wurde) zweimal).

Original Mobile-Version	Konvertierte mobile Version
Originalversion des dunklen Modus	Konvertierte Dark Mode-Version

Für die Vollbildversion habe ich stilisierten ALT-Text verwendet, um dem Logo und dem Slogan in der Fußzeile einen gewissen Anschein zu geben, sodass die E-Mail der Bildversion ähnelt, wenn Bilder deaktiviert sind. Die Live-Text-Version ist wiederum visuell viel ansprechender, umsetzbarer und ansprechender als die Vollbildversion.

Sehen Sie, wie Carin es macht

*Alle E-Mails zur Konvertierung wurden aus meinem Posteingang gezogen

Bringen Sie Ihre E-Mails zum Leuchten, egal unter welchen Umständen

Eine Sache, die ich aus meinen Jahren im E-Mail-Bereich gelernt habe, ist, dass Abonnenten immer das Unerwartete tun. Egal, ob Sie E-Mails durchsuchen, anstatt Ordner zu verwenden, oder eine E-Mail in einem Browser auf ihrem Telefon öffnen, Sie wissen nicht, wie die Leute Ihre E-Mails erleben werden. Geben Sie also Ihr Bestes, um Ihren Abonnenten ein optimales Erlebnis zu bieten, egal wo sie Ihre E-Mail öffnen.