11 Oktober 2019

Wie erstellt und versendet man HTML-E-Mails über Gmail mit Stripo?

Hanna Kuznietsova Content-Chefin bei Stripo

Laut Statista erreichte die Zahl der E-Mail-Nutzer weltweit im Jahr 2019 einen Richtwert von 3,9 Milliarden. 1,4 Milliarden von ihnen nutzen Gmail, so Wikipedia. Es scheint, dass 35,8 Prozent aller Nutzer diesen E-Mail-Client bevorzugen.

Es gibt Fälle, in denen Nur-Text-E-Mails nicht ausreichen. Und HTML-E-Mails helfen hier.

Aber es ist sehr schwierig bis unmöglich, eine HTML-E-Mail in Gmail zu erstellen. Warum? Weil dieser E-Mail-Client uns keine geeigneten Tools zur Verfügung stellt. Und ehrlich gesagt, brauchen wir diese auch nicht.

Das Internet bietet eine große Anzahl von Vorlageneditoren für HTML-E-Mails. Die überwiegende Mehrheit von ihnen ermöglicht es, ansprechende E-Mail-Vorlagen zu erstellen, während nur einige davon den direkten Export nach Gmail ermöglichen.

Möchten Sie das Gleiche innerhalb weniger Minuten tun?

Verwenden Sie Stripo

Eine HTML-E-Mail kann man aus verschiedenen Gründen an Gmail senden wollen. Der Hauptgrund für das Senden von E-Mail-Vorlagen an Gmail ist, dass Sie Ihre E-Mail-Marketing-Kampagne ohne Drittanbieter-Tool ausführen können, da Sie bereits wissen, wie man Massen-E-Mails in Gmail versendet.

In diesem Artikel werde ich:

  • ï eine HTML-E-Mail-Vorlage erstellen;
  • ï sie in mein Gmail-Konto exportieren;
  • ï einige technische Funktionen von Gmail hervorheben;
  • ï und schließlich werden wir untersuchen, wie Stripo hilft, mit ihnen umzugehen - mit anderen Worten, was unsere Vorlagen mit Gmail kompatibel macht.

1. Erstellen einer E-Mail

Bevor Sie E-Mail-Vorlagen in Ihr Gmail-Konto exportieren können, müssen Sie eine erstellen.

Es gibt drei Möglichkeiten, dies zu tun:

1. Die erste Möglichkeit ist die Verwendung unserer vorgefertigten HTML-E-Mail-Vorlagen.

Stripo bietet über 300 gebrauchsfertige Vorlagen. Sie sind nach Typen kategorisiert: Bestätigung, verlassener Einkaufswagen, Werbeaktion, Willkommen, etc. und nach Merkmalen: traditionelles HTML, interaktiv (in HTML 5 geschrieben) und AMP-E-Mails (in AMP-HTML geschrieben) - wie wir wissen, wird AMP für E-Mails von Gmail unterstützt. Wählen Sie die Vorlage, die Ihnen am besten gefällt. Sie sollten sie auf jeden Fall so anpassen, dass Ihre Gmail HTML-E-Mail-Vorlage zu Ihrer Markenidentität passt. Es dauert nicht lange.

2. Die zweite Möglichkeit ist die Erstellung einer völlig neuen HTML-E-Mail-Vorlage.

Sie müssen sich in Ihr Stripo-Konto einloggen, auf den Reiter Vorlagen gehen und dann die Option „Basisvorlagen“ wählen. Dort finden Sie unser neues Angebot „Master-Vorlage“. Erstellen Sie eine universelle E-Mail-Vorlage für viele Zwecke. Und kombinieren Sie die Module einfach entsprechend dem Ziel Ihrer Marketingkampagne.

Sie können auch die „Leere Vorlage“ in diesem Abschnitt auswählen, um einfach grundlegende Blöcke in Ihre Gmail HTML-E-Mail-Vorlage zu ziehen.

3. Die dritte Möglichkeit ist das Einfügen/Importieren Ihres HTML-Codes.

Sie müssen auch hier zu Ihrem persönlichen Konto gehen, den Reiter „Vorlagen“ -> „Basisvorlagen“ und dann „Mein HTML“ wählen.

Öffnen Sie diese „Vorlage“ und fügen Sie Ihren eigenen HTML-Code ein.

Die erste Option ist die einfachste, es sei denn, Sie haben bereits eine eigene HTML-Vorlage erstellt. Gewinnen wir einen Überblick.

Wie modifizieren Sie also unsere gebrauchsfertigen E-Mail-Vorlagen?

Wir haben viele Artikel darüber veröffentlicht, wie man mit unserem Editor arbeitet. Dennoch würde ich hier gerne ein paar Zeilen hinzufügen.

Sie haben bereits die gewünschte Vorlage ausgewählt...

Jetzt müssen Sie sie im Editor öffnen:

Schritt 1. So setzt man mit Stripo eine Betreffzeile und einen Preheader und so sieht Ihre E-Mail dann aus.

Es ist allgemein bekannt, dass der Preheader etwas ist, was die Empfänger als Erstes sehen, noch bevor sie eine E-Mail öffnen. Und seien wir ehrlich, diese beurteilen, ob sie die E-Mail öffnen sollen oder nicht, anhand folgender Faktoren: Ihrem Namen, Ihrer Betreffzeile und Ihrem Preheader.

Deshalb empfehlen wir Ihnen dringend, diese Option nie auszulassen.

Wichtig zu erwähnen:

Sie können beim Erstellen einer Vorlage jede beliebige Schriftart für den Preheader-Text verwenden. Gmail verwendet jedoch „Arial“, wenn dieser Text in der E-Mail-Vorschau angezeigt wird. Im Textkörper der E-Mail bleibt die gewählte Schriftart aber erhalten.

(Arial-Font, Preheader-Vorschau in der Betreffzeile)

(Ich habe Courier New auf den Preheader-Text in der E-Mail-Vorlage angewendet)

Wichtig zu beachten:

Bitte fügen Sie immer den Link „Ansicht im Browser“ hinzu. Er könnte auch als „Web-Version“ bezeichnet werden.

Um einen Link zur Web-Version Ihrer E-Mail zu erhalten, müssen Sie:
  • ï In den „Vorschaumodus“ wechseln;
  • ï Klicken Sie in einem neuen Fenster auf „Kopieren“, um den Link in Ihrer Zwischenablage zu speichern;

  • ï Fügen Sie diesen Link in das entsprechende Feld ein.

Schritt 2. So fügen Sie mit Stripo einen Header und ein Logo hinzu und so sieht Ihre E-Mail dann aus.

Es wurde schon oft gesagt, dass der Header das Gesicht Ihrer E-Mail und auch Ihrer Marke ist. Achten Sie darauf, dass Sie Ihr Firmenlogo und Ihren Namen hinzufügen. 

Sie können auch Social Media-Symbole und Kontaktinformationen in den E-Mail-Header einfügen.

Wichtig zu erwähnen:

Wenn Sie ein Menü über dem Banner platzieren, kann es als Element des Headers betrachtet werden.

Schritt 3. So fügt man mit Stripo ein Banner hinzu und so sieht Ihre E-Mail dann aus.

Dies ist unser Lieblingsvorlagenelement. Banner legen die Stimmung einer ganzen E-Mail fest. Daher müssen Sie gründlich daran arbeiten. Finden und fügen Sie das beste Bild ein, das Ihnen gefällt. Ich bin stolz darauf, dass wir derzeit den einzigen Editor anbieten, der es Ihnen ermöglicht, ohne Bildbearbeitung und Tools von Drittanbietern, spezielle Filter auf Bannerbilder anzuwenden. Dann können Sie Text auf dieses Bild setzen und ihn in Banner-/Dekoschriften verpacken - wir bieten über 40 davon an.

Außerdem können Sie bei uns ein zusätzliches Bild auf einem Banner anbringen. So können Sie mehrschichtige Banner ohne Bildbearbeitung erstellen.

Weitere Informationen zur Erstellung von Bannern finden Sie in unserem Blogbeitrag „So baut man mit Stripo Banner in unter 10 Minuten“. 

Schritt 4. So können Sie mit Stripo Strukturen hinzufügen und so sieht Ihre E-Mail dann aus.

Ein Bild und ein Text, zwei Fotos und zwei Textblöcke in einer Zeile? Es liegt an Ihnen zu entscheiden. Dies ist eine häufige Funktion, und viele Editoren lassen Sie zwischen einem oder zwei Blöcken in einer Zeile wählen. Bei uns können Sie bis zu vier davon auswählen.

Hier können Sie Bilder, Texte, Buttons, Videos, etc. einfügen.

Werfen Sie einen Blick auf das Beispiel von zwei Spalten in einer Struktur:

Drei Spalten in einer Struktur:

Wie Sie sehen können,  können Sie jedem einzelnen Block einen Button unter der Beschreibung hinzufügen.

Vierspaltige Struktur:

Wichtig zu erwähnen:

Wenn Ihnen 4 Spalten in einer Struktur nicht ausreichen, können Sie weitere 4 Spalten hinzufügen. Das ergibt insgesamt bis zu 8 Spalten.

Um dies zu tun, müssen Sie:
  • ï Fahren Sie mit dem Mauszeiger über eine ganze Struktur in der Gmail HTML-E-Mail-Vorlage - wenn Sie es richtig machen, sehen Sie das Label „Struktur“;

  • ï Im Einstellungsfenster auf „+“ klicken;

  • ï Dann können Sie die Breite für Ihre Spalten festlegen, oder Sie können sie alle ausgleichen.

Wenden Sie Hintergrundbilder oder -farben auf jeden Block einzeln oder eine einzelne für eine ganze Struktur an.

Schritt 5. So fügt man Social Media-Symbole mit Stripo hinzu und so sieht Ihre E-Mail dann aus.

Platzieren Sie sie, wo immer Sie wollen.  

Wir bieten 45 Social Media-Symbole, nicht nur typische für Facebook, Twitter und Instagram. Wir haben uns bemüht, sie alle für Ihre Zwecke zu sammeln.

Als Bonus können Sie das Farbschema auswählen und ihre Größe einstellen.

Das ist ganz einfach: Ziehen Sie den „Social“-Block per Drag-n-Drop in die notwendige Struktur, gestalten Sie Ihre Symbole und fügen Sie Ihre URLs in die „Link“-Felder ein.

Was ist so toll an unseren Social Media-Symbolen? 

Sie konfigurieren sie nur einmal - und nutzen sie kampagnenübergreifend, ohne dass Sie Links hinzufügen oder an ihrem Design arbeiten müssen. 

Sie müssen entsprechende Einstellungen in Ihrem Profil bei Stripo vornehmen. Beim Erstellen Ihrer nächsten Kampagne ziehen Sie dann nur den grundlegenden „Social“-Block in Ihre Gmail HTML-E-Mail, und Stripo fügt die Symbole ein, die Sie bereits ausgewählt haben, mit entsprechenden Links und dem von Ihnen festgelegten Design.

Weitere Informationen darüber, wie Sie Social Media-Symbole zu Ihren HTML-E-Mail-Vorlagen hinzufügen und festlegen können, finden Sie in unserem Blogbeitrag.

Schritt 6. So nutzen Sie unsere Modulbibliothek, damit sie Sie bei der Erstellung von Gmail HTML-E-Mails unterstützen kann.

Bestimmt schätzen Sie Ihre Zeit sehr und haben keine Lust, jeden Tag ähnliche Vorlagen zu erstellen. Wir auch nicht, wenn eine neue Kampagne gestartet werden soll. Aus diesem Grund haben wir uns entschieden, die Content-Modul-Bibliothek zu erfinden. Es ist sehr einfach, unsere Bibliothek zu benutzen: Nachdem Sie eine Vorlage erstellt haben, speichern Sie das Modul/E-Mail-Element, das Sie benötigen, in der Bibliothek und geben Sie ihm einen Namen. Und beim nächsten Start einer neuen Kampagne müssen Sie dieses nur noch per Drag-n-Drop in eine neue Vorlage ziehen.

Speichern Sie E-Mail-Elemente, Container oder ganze Strukturen.

Unter dem Reiter „Meine Module“ sehen Sie die Module, die Sie zuvor gespeichert haben. In den „Template-Modulen“ können Sie die Blöcke erhalten, die vom System aus der Vorlage extrahiert wurden. Und der Abschnitt „Erweitert“ enthält die Module, die von unseren Programmierern und Designern entwickelt wurden.

Schritt 7. So erstellen Sie mit Stripo Gmail Promo-Anmerkungen und so sieht Ihre E-Mail auf mobilen Geräten aus.

Gmail unterteilt eingehende E-Mails in Reiter: Primär für persönliche E-Mails, Werbe-E-Mails, Updates usw. Die Anzahl dieser Reiter wird vom Benutzer selbst festgelegt.

Wenn Sie Massen-E-Mails über Gmail versenden, werden Ihre E-Mails wahrscheinlich auf dem Reiter Aktionen angezeigt.

Die Promo-Anmerkungen helfen Ihnen, Ihre E-Mails aus einer Reihe von eingehenden E-Mails im Posteingang der Benutzer hervorzuheben.

Verwenden Sie Stripo

Diese Funktion ist nur für mobile Geräte gedacht.

Weitere Informationen zum Erstellen von Anmerkungen finden Sie in unserem Blogbeitrag.

Schritt 8. So fügen Sie Ihren E-Mails AMP-Elemente hinzu und so sieht Ihre E-Mail in Gmail aus.

Im März 2019 führte Google sein AMP für E-Mails ein. Und Stripo ist der erste Drag-n-Drop E-Mail-Vorlagengenerator, der die Erstellung von AMP-E-Mails ohne Programmierkenntnisse ermöglicht.

Stripo bietet zwei Drag-n-Drop-AMP-Blöcke an:

  • Akkordeon - um Ihre Inhalte in Abschnitten zu präsentieren. So sieht das Ganze strukturierter aus;

  • Bildkarussell - um 3-16 Banner auf einem Bildschirm zu platzieren. Der Empfänger muss nur auf den "Pfeil" klicken, um alle Bilder aus dem Karussell zu sehen.

Sie können auch AMP-Komponenten mit Google Playground erstellen und sie in Ihre Gmail HTML-E-Mail-Vorlagen für unseren Open-Code-Editor einbetten.

Für weitere Informationen darüber, wie man AMP-E-Mails mit Stripo erstellt, lesen Sie bitte unseren speziellen Blogbeitrag.

Schritt 9. So passen Sie Ihre HTML-E-Mail für Gmail auf mobilen Geräten an

Buchstäblich alle E-Mail-Generatoren bieten ihren Benutzern jetzt responsive E-Mail-Vorlagen. Dennoch können einige von ihnen auf mobilen Geräten nicht richtig dargestellt werden - kleinere Schriften, fehlende Einzüge und Paddings. Das ruiniert Ihr E-Mail-Design und macht Ihren Text unleserlich.  

Stripo ermöglicht die Anpassung Ihrer E-Mails an die Gmail-App mit nur einem einzigen Klick.

Um diese Option zu aktivieren, müssen Sie folgendes tun:

  • Gehen Sie zu Aussehen;
  • Öffnen Sie den Reiter Allgemeine Einstellungen;

  • Aktivieren Sie die Umschalttaste „Für Gmail-App anpassen“.

Bitte denken Sie daran, dass Sie auch die folgenden Funktionen in Ihren Gmail HTML-E-Mails hinzufügen können:

  • Rollover-Effekt für Bilder - funktioniert auf Desktops;
  • Countdown-Timer - funktioniert sowohl auf Desktops als auch auf Mobiltelefonen;
  • Ankerlinks zu Menü-Reitern - funktioniert sowohl auf Desktops als auch auf Mobiltelefonen;
  • CSS-animierte Buttons - funktioniert auf Desktops;
  • Umfrageformulare - funktioniert auf Desktops; auf mobilen Geräten sehen die Empfänger den Link zum Fragebogen bei Google.

Alle oben genannten Elemente werden in Gmail perfekt dargestellt und können sehr leicht mit Stripo mit wenig bis gar keinen HTML-Kenntnissen erstellt werden.

2. Exportieren von HTML-E-Mails nach Gmail

Das ist mein Lieblingsschritt.

Bevor Sie Ihre E-Mail jedoch exportieren, empfehlen wir Ihnen, sie in der Vorschau zu betrachten. Wie? Klicken Sie einfach auf den Vorschau-Button direkt über Ihrer E-Mail. Das sieht so aus:

Hier sehen Sie sowohl die Desktop- als auch die mobile Version Ihrer E-Mail.

Die Desktop-Version Ihrer E-Mail kann in zwei Versionen verfügbar sein: HTML und AMP-HTML. Sie sollten beide in der Vorschau ansehen. Wenn Ihnen das Ergebnis gefällt und unser AMP-Codeprüfer keine Fehler in Ihrer E-Mail erkennt, können Sie mit dem Export fortfahren.

  • Klicken Sie auf den Button Export;

  • Wählen Sie Gmail im Popup-Fenster;

Hinweis: Stellen Sie sicher, dass die Option Popup-Fenster in Ihrem Browser aktiv ist.

  • In einem neuen Popup-Fenster werden Sie aufgefordert, sich bei Google anzumelden;
  • Geben Sie Stripo Zugang zu Ihren Entwürfen, indem Sie auf den Button „Zulassen“ klicken;
  • Sie finden Ihre HTML-E-Mail-Vorlage im Ordner Entwürfe. Sie ist versandfertig.

Wichtig zu beachten:

Sie müssen das nur einmal machen. Beim nächsten Export von HTML-E-Mails nach Gmail müssen Sie nur noch Gmail aus der Exportliste auswählen - und die E-Mail wird sofort in diesen E-Mail-Client exportiert.

Verwenden Sie Stripo

Wie können Sie HTML-E-Mail-Vorlagen in Gmail verwenden? Geben Sie einfach die Betreffzeile ein, wenn Sie es nicht bereits in Stripo getan haben, fügen Sie einen Empfänger ein, wenn Sie eine HTML-E-Mail-Vorlage in Gmail an einen einzelnen Benutzer senden möchten, oder eine Gruppe, wenn Sie Massen-HTML-E-Mails senden möchten, und verwöhnen Sie die Empfänger mit eleganten E-Mails!

Übrigens, Sie können E-Mail-Vorlagen immer noch bearbeiten, bevor Sie sie versenden! 

3. und 4. Technische Einschränkungen von Gmail und der Umgang mit einigen davon mit Stripo.

Ich hatte viele Fakten und Hypothesen über Gmail gelesen und beschlossen, sie alle zu testen. Hier sind sie:

Hypothese 1. Gmail schlägt vor, dass Empfänger Bilder ohne Links herunterladen.

Das Web sagt, dass, wenn ein Bild in einer HTML-formatierten E-Mail keine Links enthält, Gmail vorschlägt, dass die Benutzer es herunterladen.

Ich habe es getestet – und es stimmt. Sie wollen diesen „Download“-Button nicht in Ihrer E-Mail haben, weil er das gesamte Design beeinträchtigt, und die E-Mails auf diese Weise nicht professionell aussehen.

Lösung: Wenn Sie Bilder hochladen, die Sie in eine E-Mail einfügen möchten, können Sie trotzdem einen Link hinzufügen. Aber auch wenn Sie es vergessen, setzt unser System einen „Link“ als Standard:

Er wird Ihre Kunden bestimmt nirgendwo hinbringen, aber es gibt auch keinen irritierenden „Download“-Button auf den Bildern in Ihren E-Mails.

Fazit: wahr.

Hypothese 2: Bilder ohne Alt-Text können im Spam-Ordner landen.

Ich wette, Sie haben auch gehört, dass E-Mails mit Bildern in den Spam-Ordner wandern, wenn die verwendeten Bilder keinen Alt-Text (Alt-Tag) haben.

Ich habe also absichtlich viele E-Mails mit entferntem Alt-Text verschickt, und sie haben es ohne Probleme in den Posteingang geschafft. Doch diesmal habe ich nur Gmail getestet. Daher können wir nicht versprechen, dass Ihre E-Mails ohne Alt-Text den Spam-Filter von Outlook oder Apple Mail passieren. Wenn Sie also E-Mails nicht nur an Gmail-Benutzer senden möchten, benötigen Sie Alt-Text, um Spam-Filter zu passieren.

Aber wenn Sie vergessen, einen hinzuzufügen, kopiert das System Ihren Bildnamen, egal wie dieser lautet. Auch wenn Sie versehentlich - oder absichtlich, wie ich – eben diesen Alt-Text entfernen, wird ihn unser Editor beim Export einer E-Mail wieder einfügen. Stripo macht das automatisch.

Hinweis: Um das Experiments nicht zu verfälschen, haben wir diese Option für eine Weile ausgeschaltet, damit ich den Gmail-Spamfilter testen konnte.

Mit unserem Tool müssen Sie sich keine Sorgen mehr um Alt-Text machen. Und selbst wenn Ihre Bilder von E-Mail-Clients blockiert werden, haben die Empfänger immer noch eine Ahnung, worum es bei der Nachricht geht. Dennoch können Sie natürlich gerne den Alt-Text bearbeiten, wenn Sie möchten. Versuchen Sie, ihn so klar wie möglich zu formulieren.

Fazit: E-Mails ohne Alt-Text werden im Posteingang zugestellt. Aber das könnte auch einfach Glück sein :) Außerdem müssen für andere E-Mail-Clients und für die Barrierefreiheit Alt-Text zu Bildern hinzufügen.

Hypothese 3. Gmail schneidet Nachrichten ab

Das stimmt. Gmail schneidet E-Mails ab, die größer als 102 kB sind. 

Am Ende des sichtbaren Teils einer E-Mail bietet es an, die „gesamte Nachricht anzuzeigen“.

Derzeit gibt es keine technische Möglichkeit, dies zu kompensieren. Sie können Ihre E-Mails bei uns aber abwiegen:

  • Klicken Sie einfach auf den Button „Exportieren“;
  • Wählen Sie „HTML“;
  • Laden Sie das HTML herunter;

  • und überprüfen Sie dann mit der rechten Maustaste einfach die Dateieigenschaften.

Die Dateieigenschaften besagen, dass sie 65 kB hat. Ich habe diese Informationen mit einigen Anwendungen überprüft, darunter mail-tester.com. Sie alle haben das Gewicht der Datei bestätigt.

Fazit: Wahr. Wir wissen, wie man unsere E-Mails mit mail-tester oder einem anderen Tool dieser Art wiegt.

Hypothese 4. Gmail unterstützt keine <div> Klasse

Gmail überträgt und zeigt diese Attribute an. Getestet.

Fazit: Falsch.

Hypothese 5: Der Button „Senden rückgängig machen“ funktioniert nicht bei Massen-E-Mails.

Völlig falsch, wenn Sie Gmail ohne Add-ons wie Gmail Mail Merge verwenden. Alles, was Sie tun müssen, ist, zu Ihren Einstellungen zu gehen, „Senden rückgängig machen“ zu finden und die Zeit zu wählen: 5, 10, 20 oder 30 Sekunden.

Ich habe versucht, diesen Trick auf meine Massen-E-Mails anzuwenden und es hat funktioniert.

Fazit: Falsch.

Hypothese 6: Textblöcke mit über 8.500 Zeichen werden entfernt.

Als Texterin oder einfach nur als Frau liebe ich lange Sätze, detaillierte Erklärungen. Und ich beschloss, einen der Artikel in den Textblock einzufügen. Dieser Artikel enthielt etwa 10.000 Zeichen ohne Leerzeichen. Und ich habe diese E-Mail an meinen Freund geschickt. Meine E-Mail wurde zugestellt, keiner der Blöcke wurde abgeschnitten oder entfernt.

Wir können also sagen, dass diese Hypothese nicht bestätigt wurde. Was übrigens großartig ist. Aber ich bezweifle aufrichtig, dass einer von uns wirklich eine solch lange E-Mail an unsere Kunden schicken würde.

Fazit: Falsch.

Hypothese 7: Telefonnummern und E-Mail-Adressen werden in HTML-E-Mails auf Gmail anklickbar.

Ich habe gehört, dass Gmail Links zu unseren E-Mail-Adressen und Telefonnummern in E-Mails einfügt – sie quasi anklickbar macht. Ich habe Tonnen von Handynummern und E-Mail-Adressen getestet. Und wissen Sie was? Keine der Zahlen war anklickbar. Ich muss sie immer noch markieren und kopieren, um sie zu verwenden.

Aber!!! Die Sache mit den E-Mail-Adressen war ziemlich lustig. Sie waren entweder grau, aber anklickbar oder blau unterstrichen und nicht anklickbar.

Fazit: Falsch. Wir müssen uns manuell darum kümmern :)

Hypothese 8: Hintergründe werden im Gmail-Desktop nicht dargestellt, wenn die E-Mail-Breite 640 Pixel überschreitet.

Viele E-Mail-Vermarkter behaupten, dass Gmail weder die Hintergrundfarbe noch das Hintergrundbild einer E-Mail anzeigt, wenn die E-Mail-Breite 640 Pixel überschreitet.

Und natürlich haben wir das getestet.

Das Hintergrundbild/ die Hintergrundfarbe - wir haben beide getestet - wurde in Gmail auf allen Geräten und in allen Webbrowsern angezeigt.

(Breite des Inhaltsteils - 670 Pixel, Betriebssystem - macOS)

Fazit: Falsch.

Hypothese 9: Gmail ersetzt benutzerdefinierte Schriften durch die Standard-Schriften.

Individuelle Schriften machen Ihr E-Mail-Design noch einzigartiger. Aber es ist wahr: Gmail neigt dazu, einige benutzerdefinierte Schriften durch die Standard-Schriftart Arial zu ersetzen.

Ich habe 4 verschiedene Schriften getestet.

So haben sie funktioniert:

  1. Great Vibes - funktionierte gut auf dem Mobiltelefon und Desktop;
  2. Dokdo - wurde durch Arial ersetzt;
  3. Alexa Std - wurde durch Arial ersetzt;
  4. Montserrat - wurde durch Arial ersetzt.

Fazit: Wahr. Aber Sie müssen testen, welche der Schriften, die Sie wirklich mögen, nicht durch die Standardschriften ersetzt werden.

Bitte beachten Sie, dass Sie mit Stripo eigene Schriften hochladen können.

5. Vorschau und Test

Bevor Sie HTML-E-Mails in Gmail versenden und exportieren, stellen Sie immer sicher, dass Sie Ihre E-Mails in der Vorschau ansehen und testen

Unser E-Mail-Testwerkzeug ermöglicht es Ihnen, E-Mails für über 90 E-Mail-Clients und -Geräte in der Vorschau anzuzeigen, ohne den Editor zu verlassen.

Schlussworte

Jetzt, da Sie wissen, wie man eine HTML-E-Mail in Gmail erstellt, und das Arbeiten mit Stripo nicht viel Zeit in Anspruch nimmt, hoffen wir, dass Sie von nun an nur noch elegante HTML-E-Mails an Ihre Freunde und Kollegen senden werden.

Wenn Sie Fragen haben, hinterlassen Sie bitte einen Kommentar oder senden Sie uns eine E-Mail an support@stripo.email.

Verwenden Sie Stripo
1 Kommentare
ukiyui