14 Dezember 2022

Wie man mit Stripo HTML-E-Mails über Google Mail erstellt und versendet

HTML-E-Mails für Gmail
Inhaltsverzeichnis
  1. 1. Erstellen einer E-Mail
  2. 2. Exportieren von HTML-E-Mails nach Gmail
  3. 3 und 4. Technische Einschränkungen von Gmail und wie man mit einigen durch die Verwendung von Stripo umgehen kann
  4. Abschließende Gedanken
1.
1. Erstellen einer E-Mail

Das Versenden von eleganten HTML-E-Mails über Gmail war noch nie so einfach! Keine Add-ons, keine Erweiterungen erforderlich. Denn Stripo ermöglicht das Erstellen und Pushen von HTML-E-Mails an Ihren bevorzugten E-Mail-Client mit nur einem Klick.

So erstellen und senden Sie HTML-E-Mails über Gmail mit Stripo

Wollen Sie das Gleiche innerhalb weniger Minuten tun?
Kostenlos anmelden

In diesem Artikel werde ich:

  • eine HTML-E-Mail-Vorlage erstellen;
  • in mein Gmail-Konto exportieren;
  • einige technische Funktionen von Google Mail hervorheben;
  • und werde schließlich einen Überblick darüber geben, wie Stripo dabei 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 Google Mail-Konto exportieren können, müssen Sie eine erstellen.

Es gibt drei Möglichkeiten, dies zu tun:

Möglichkeit 1. Verwendung unserer vorgefertigten HTML-E-Mail-Vorlagen 

Stripo bietet über 1000+ gebrauchsfertige Vorlagen. Sie sind nach Typen kategorisiert, wie z. B. Bestätigung, Abgebrochener Warenkorb, Promo, Willkommen usw., nach Funktionen, wie z. B. traditionelles HTML, Interaktiv (in HTML5 geschrieben) und AMP-E-Mails (in AMP-HTML geschrieben) - wie wir wissen, wird AMP für E-Mails vollständig von Gmail unterstützt, und nach Jahreszeiten und Feiertagen. Wählen Sie diejenige, die Ihnen am besten gefällt. Definitiv müssen Sie sie anpassen, damit Ihre Gmail HTML-E-Mail-Vorlage zu Ihrem Markenstil passt. Das dauert nicht lange.

Verwenden Sie vorgefertigte Vorlagen, um hochwertige HTML-E-Mails über Gmail zu versenden
Durchsuchen

Möglichkeit 2. Erstellen einer HTML-E-Mail-Vorlage von Grund auf

Loggen Sie sich in Ihr Stripo-Konto ein, gehen Sie auf die Registerkarte "Vorlagen" und wählen Sie dann die "Basisvorlagen". Dort finden Sie 8 E-Mail-Mockups, aka Prototypen. Die "Schulungsvorlage" enthält eine Erklärung, wie Sie unsere Drag-n-Drop-Blöcke verwenden..

Erstellen Sie eine HTML-E-Mail-Vorlage in Google Mail _ Grundlegende Vorlagen

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.

Möglichkeit 3. Importieren Ihres benutzerdefinierten HTML-Codes

Gehen Sie in Ihr persönliches Konto, auf die Registerkarte "Vorlagen" -> "Basisvorlagen", und wählen Sie dann die Vorlage "Mein HTML".

Öffnen Sie sie und fügen Sie Ihren benutzerdefinierten HTML-Code ein.

Die erste Option und die zweite Option sind meiner Meinung nach die einfachsten. Lassen Sie uns einen Überblick über sie geben.

Wie können Sie also unsere fertigen E-Mail-Vorlagen ändern?

Wir haben einen Blog-Beitrag "Stripo A bis Z" veröffentlicht. Dort haben wir ausführlich gezeigt, wie man E-Mails mit Stripo bearbeiten kann. Trotzdem würde ich hier gerne ein paar Zeilen hinzufügen.

Schritt 1. Wie Sie eine Betreffzeile und einen Preheader mit Stripo einstellen und wie Ihre E-Mail aussehen wird

Es ist eine wohlbekannte Tatsache, dass 69% der Empfänger anhand des Absendernamens, der Betreffzeile und des Preheaders beurteilen, ob sie die E-Mail öffnen werden.

Deshalb empfehlen wir Ihnen dringend, diese Option niemals auszulassen:

HTML-Vorlage über Google Mail senden _ Betreffzeile und Preheader festlegen

Wichtig zu beachten:

Nicht selten dienen Preheader als Fortsetzung der Betreffzeile. Einige Marken nutzen ihn sogar für das Story-Telling.

Wenn Sie jedoch nur die Betreffzeile und keinen Preheader einstellen, zeigt jeder E-Mail-Client einen Teil des Textes an, der im ersten Absatz Ihrer E-Mail geschrieben wurde. Das kann etwas unbeholfen aussehen, da es normalerweise etwas sagt wie: "Sie sehen die Bilder nicht? Hier ist der Link zur Web-Version der E-Mail". Das können Sie vermeiden!

Wenn Sie der Meinung sind, dass die Betreffzeile allein ausreicht und Sie keinen Preheader anzeigen möchten, fügen Sie stattdessen einfach Leerzeichen ein.

So senden Sie HTML-E-Mails in Google Mail _ Hinzufügen von Leerzeichen zur Betreffzeile

Wenn Sie diese Option aktivieren, sieht Ihre E-Mail wie die E-Mail des WWF, des World Wildlife Fund, aus:

So senden Sie HTML-E-Mails in Google Mail _ Beispiel für E-Mails mit Leerzeichen als Preheder

(Quelle: Gmail)

Sie können auch Leerzeichen hinzufügen, wenn Ihr Preheader kurz genug ist.

Schritt 2. So fügen Sie den Link zur Web-Version zu Ihren E-Mails hinzu

Manchmal funktionieren Bilder, GIFs in unseren E-Mails nicht. Oder wenn Ihre E-Mail ansprechend genug ist, möchten Benutzer sie vielleicht mit ihren Freunden teilen.

Daher müssen wir den Link "Im Browser anzeigen", auch bekannt als "Web-Version", hinzufügen.

So senden Sie eine HTML-E-Mail-Vorlage von Google Mail _ Hinzufügen einer Vorschau im Browser-Link zur E-Mail-Fußzeile

(Quelle: Email von Stripo)

Normalerweise befindet sie sich entweder im E-Mail-Kopf oder in der E-Mail-Fußzeile. Es gibt keine strengen Regeln.

Senden von HTML-E-Mails von Google Mail _ Link „Im Browser anzeigen“.

  • fügen Sie diesen Link in das entsprechende Feld in Ihrer E-Mail ein.

Schritt 3. Wie Sie eine Kopfzeile und ein Logo mit Stripo hinzufügen und wie Ihre E-Mail aussehen wird

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

Export nach Gmail Header und Logo _ Stripo

So erstellen Sie einen E-Mail-Header mit Logo und Menü in Stripo:

  • ziehen Sie eine zweispaltige Struktur in Ihre HTML-E-Mail-Vorlage für Gmail;
  • ziehen Sie den "Bild"-Block in den linken. Laden Sie Ihr Logo hoch;
  • ziehen Sie den Block "Menü" in Ihre Vorlage. Benennen Sie jeden Menüpunkt. Fügen Sie Ihre Links hinzu;
  • nun die Größe/Breite der einzelnen Spalten einzustellen, aktivieren Sie die Einstellungen für die gesamte Struktur, indem Sie auf die Beschriftung "Struktur" im Vorlagenbereich klicken;
  • stellen Sie im Einstellungsfeld Spalten, auch Container genannt, Breite und Einzug zwischen ihnen ein.

Responsive HTML-E-Mail-Vorlage für Google Mail erstellen _ Container hinzufügen

Sie können auch Social-Media-Symbole und Kontaktinformationen in der E-Mail-Kopfzeile hinzufügen.

Ausführlichere Informationen zur Arbeit an E-Mail-Menüs finden Sie im Blogbeitrag "Menü hinzufügen mit Stripo".

Schritt 4. Wie Sie ein Banner mit Stripo hinzufügen und wie Ihre E-Mail aussehen wird

Dies ist unser Lieblingselement von Vorlagen. Banner bestimmen die Stimmung für eine ganze E-Mail. 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, sagen zu können, dass wir derzeit der einzige Editor sind, der es Ihnen ermöglicht, spezielle Filter auf Banner-Bilder anzuwenden, ohne dass Sie irgendwelche Foto-Editoren und Drittanbieter-Tools benötigen. Dann können Sie Text über diesem Bild platzieren und ihn in Banner-/Deko-Schriften einpacken - wir bieten über 40 an..

In Google Mail-Banner exportieren _ Stripo

Außerdem können Sie bei uns ein zusätzliches Bild über ein Banner legen. So können Sie mehrschichtige Banner ohne Bildbearbeitungsprogramm erstellen..

Mehrschichtiges Banner _ Aktualisiert

Weitere Informationen zur Erstellung von Bannern finden Sie in unserem Blog-Beitrag "Wie man mit Stripo in weniger als 10 Minuten Banner erstellt", oder sehen Sie sich ein kurzes Video an.

So erstellen Sie mit Stripo innerhalb weniger Minuten ein attraktives Banner

Erstellen Sie anspruchsvolle E-Mail-Banner direkt in Stripo
Melden Sie sich an

Schritt 5. Wie Sie mit Stripo Strukturen, aka Zeilen, hinzufügen und wie Ihre E-Mail aussehen wird

Ein Bild und ein Text, zwei Fotos und zwei Textblöcke in einer Reihe? Das bleibt Ihnen überlassen. Dies ist eine gängige Funktion. Viele Editoren lassen Ihnen jedoch die Wahl zwischen einer oder zwei Spalten in einer Reihe. Bei uns können Sie bis zu vier davon mit einem Klick auswählen. Im Folgenden zeigen wir Ihnen, wie Sie bis zu 8 Container in einer Reihe platzieren können.

Ziehen Sie die benötigten in Ihre HTML-E-Mail-Vorlage für Gmail.

Export nach Gmail-Strukturen _ Stripo

Fügen Sie dann in jeder Spalte/jedem Container den erforderlichen Inhalt hinzu.

Schauen Sie sich das Beispiel für eine zweispaltige Struktur in einer E-Mail an:

Export nach Gmail 2 Blöcke in Struktur _ Stripo

Eine dreispaltige Struktur in einer E-Mail:

Export nach Gmail 3 Blöcke in Struktur _ Stripo

Wie Sie sehen können, können Sie zu jeder Spalte eine Schaltfläche unter Beschreibung hinzufügen.

Eine vierspaltige Struktur:

Export nach Gmail 4 Blöcke in Struktur _ Stripo

Wenn Ihnen 4 Spalten pro Zeile nicht ausreichen, können Sie weitere 4 Spalten hinzufügen. Das würde insgesamt 8 Spalten ergeben.

So können Sie zusätzliche Spalten zu Ihrer Gmail-HTML-E-Mail hinzufügen:

  • bewegen Sie den Mauszeiger über eine ganze Struktur in der Gmail-HTML-E-Mail-Vorlage - wenn Sie es richtig machen, sehen Sie die Beschriftung "Struktur";

Hervorheben von Strukturen in E-Mails_Gmail HTML-E-Mail-Vorlage

  • im Einstellungsfeld, klicken Sie auf "+";

Hinzufügen von Spalten zu Strukturen_So senden Sie eine HTML-E-Mail-Vorlage in Gmail

  • fügen Sie 1-4 weitere Container hinzu;

  • dann können Sie die Breite für Ihre Spalten einstellen. Stellen Sie entweder eine individuelle Breite für jeden Container ein oder gleichen Sie alle an.

Senden von HTML-E-Mails in Gmail_Container ausgleichen

Wenden Sie Hintergrundbilder oder -farben auf jede Spalte separat oder ein einziges für eine gesamte Struktur/Zeile an.

Schritt 6. Wie Sie mit Stripo Social Media-Symbole hinzufügen und wie Ihre E-Mail aussehen wird

Platzieren Sie sie, wo immer Sie wollen.  

Wir bieten 70 Social Media Ikone, nicht nur die beliebtesten für Facebook, Twitter und Instagram. Wir haben unser Bestes getan, um sie alle für Ihre Bequemlichkeit zu sammeln.

Erstellen Sie eine HTML-E-Mail-Vorlage in Gmail _ Hinzufügen von Social Media-Symbolen

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

Das ist ganz einfach: Ziehen Sie den "Social"-Block in die notwendige Struktur, gestalten Sie Ihre Icons und fügen Sie Ihre URLs in die "Link"-Felder ein.

Was ist so toll an unseren Social Media Icons? 

Sie können sie nur einmal konfigurieren - und in allen Kampagnen verwenden, ohne dass Sie irgendwelche Links hinzufügen oder an ihrem Design arbeiten müssen.

Stripo-Konto mit Social Media-Kanälen synchronisieren

Bauen Sie den Abschnitt "Folgen Sie uns" einmal auf und verwenden Sie ihn in Ihren zukünftigen Kampagnen
Legen Sie los

Dazu müssen Sie Ihre Social-Media-Informationen in Ihrem Profil bei Stripo ausfüllen. Wenn Sie Ihre nächste Kampagne erstellen - ziehen Sie einfach den grundlegenden "Social"-Block in Ihre Gmail-HTML-E-Mail und Stripo fügt die von Ihnen bereits ausgewählten Icons mit den entsprechenden Links und dem von Ihnen festgelegten Design ein.

Weitere Informationen zum Hinzufügen und Gestalten von Social-Media-Symbolen in Ihren HTML-E-Mail-Vorlagen finden Sie in unserem Blogbeitrag.

Schritt 7. Wie Sie unsere Bibliothek von Inhaltsmodulen verwenden, damit sie Ihnen hilft, HTML-E-Mails in Gmail schneller zu erstellen

Sicherlich schätzen Sie Ihre Zeit sehr und haben keine Lust, jeden Tag ähnliche Vorlagen zu erstellen. Das ist bei uns genauso. Aus diesem Grund haben wir uns entschlossen, die Inhaltsmodul-Bibliothek zu erfinden. Es ist sehr einfach, unsere Bibliothek zu benutzen: Sobald Sie eine Vorlage erstellt haben, speichern Sie das benötigte Modul/E-Mail-Element in der Bibliothek, geben Sie ihm einen Namen. Und das nächste Mal, wenn Sie eine neue Kampagne starten, müssen Sie es nur noch per Drag & Drop in eine neue Vorlage ziehen.

Speichern Sie jedes E-Mail-Element, das Sie benötigen: Von kleinen Containern bis hin zu ganzen Zeilen/Strukturen.

In der Registerkarte "Meine Module" sehen Sie die Module, die Sie zuvor gespeichert haben. In den "Vorlagenmodulen" erhalten Sie die Module, die vom System aus der eigentlichen Vorlage extrahiert wurden. Und der Bereich "Vorgefertigte" enthält die Module, die von unseren Codern und Designern erstellt wurden.

Diese wiederverwendbaren Module sparen tatsächlich Zeit. Unser Kunde Felipe Guerra von iLogica teilt seine Erfahrungen mit unseren Lesern, so dass jeder, der bisher gezögert hat, ob er diese Option ausprobieren soll, sofort damit anfängt und Stunden bei der E-Mail-Produktion spart.  

Schritt 8. Wie Sie Gmail-Werbeanmerkungen mit Stripo erstellen und wie Ihre E-Mail auf mobilen Geräten aussehen wird

Google Mail unterteilt eingehende E-Mails in Registerkarten: primär für persönliche E-Mails, Promo-E-Mails, Updates usw. Benutzer legen die Anzahl dieser Tabs selbst fest.

Wenn Sie Massen-E-Mails über Gmail versenden, werden Ihre E-Mails wahrscheinlich auf der Registerkarte "Promotions" zugestellt.

Die Werbeanmerkungen helfen Ihnen, Ihre E-Mails aus einer Reihe von eingehenden E-Mails in den Posteingängen der Benutzer hervorzuheben.

Stripo Gmail Promotion Tab E-Mail-Beispiel-Posteingang

Erstellen Sie Anmerkungen für Ihre Werbe-E-Mails, um sich von Hunderten von E-Mails in den Posteingängen der Benutzer abzuheben
Legen Sie los

This feature is meant for mobile devices only.

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

Schritt 9. Wie Sie AMP-Elemente zu Ihren E-Mails hinzufügen und wie Ihre E-Mail in Gmail aussehen wird

Im März 2019 hat Google sein AMP für E-Mails eingeführt. Und Stripo ist der erste Drag-n-Drop-E-Mail-Template-Builder, mit dem sich AMP-E-Mails ganz ohne Programmierkenntnisse erstellen lassen.

Stirpo bietet drei Drag-n-Drop-AMP-Blöcke:

  • Akkordeon — um Ihren Inhalt in Abschnitten zu präsentieren. Funktioniert am besten bei langen E-Mails;

  • Bilderkarussell — zur Platzierung von 3-16 Bannern auf einem Bildschirm. Die Empfänger müssen nur auf den "Pfeil" klicken, um alle Bilder des Karussells zu sehen;

Erstellen einer HTML-E-Mail-Vorlage für Gmail_AMP-Inhalte_Bildkarussell

  • Formular — interactive forms allow users to leave a comment and share their feedback on your services directly in emails. AB test shows that interactive forms are 5.2X time more feedback compared to regular external forms.

Entwerfen einer HTML-E-Mail-Vorlage für Gmail_Interaktive Formulare

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

Weitere Informationen zum Erstellen von AMP-E-Mails mit Stripo finden Sie in unserem speziellen Blogbeitrag.

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

Alle oben genannten Elemente werden in Gmail perfekt dargestellt, können aber mit Stripo auch mit geringen bis gar keinen HTML-Programmierkenntnissen erstellt werden.

Schritt 10. So zeigen Sie HTML-E-Mails in der Vorschau an, bevor Sie sie in Google Mail exportieren

Klicken Sie einfach auf die Schaltfläche "Vorschau" direkt über Ihrer E-Mail.

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

Beide Versionen haben ihre Subversionen: AMP und HTML. Achten Sie darauf, sie alle zu überprüfen.

Wenn Ihre AMP-E-Mail Fehler enthält, zeigt unser Editor diese an.

So erstellen Sie eine HTML-E-Mail-Vorlage für Gmail_Fehler in AMP-E-Mail

Klicken Sie auf das Fehlersymbol, um zu sehen, welche Fehler Sie haben und kleine Tipps, wie Sie diese beheben können.

Wichtig zu beachten:

Die Gmail-App unterstützt keine Media-Queries, sowohl auf Android als auch auf iOS.

Nein, das bedeutet nicht, dass Ihre Empfänger einen horizontalen Bildlauf sehen werden. Sie sehen nur eine Desktop-Version Ihrer E-Mail anstelle der mobilen Version.

Senden Sie HTML-E-Mails über Gmail_Vollständig responsive E-Mails

(Die Gmail-App. Über Google Mail gesendete E-Mail)

Dies geschieht nur, wenn Sie Ihre E-Mail an die Gmail-Entwürfe übergeben. 

Wenn Sie Massen-E-Mails über Ihren ESP versenden, wird die E-Mail vollständig reaktionsfähig sein, alle Container werden auf die Bildschirmbreite gestreckt - ein Container pro Zeile.

Senden Sie HTML-E-Mails über Gmail_Mobilfreundliches Design

(Die Gmail-App. Über ESP gesendete E-Mail)

2. Exportieren von HTML-E-Mails nach Gmail

Um Ihre HTML-E-Mail-Vorlage an Gmail zu liefern, müssen Sie:

  • die Schaltfläche "Exportieren" anklicken;

So senden Sie HTML-E-Mails über Gmail_E-Mails nach Gmail exportieren

  • in einem Popup-Fenster, wählen Sie Gmail. Vergewissern Sie sich, dass die Option "Pop-up-Fenster" in Ihrem Browser aktiviert ist;

Exportieren von HTML-E-Mail-Vorlagen nach Gmail zum weiteren Senden

  • in einem neuen Pop-up-Fenster werden Sie aufgefordert, sich bei Google anzumelden. Geben Sie Ihr Login und Passwort ein;

  • geben Sie Stripo Zugriff auf Ihre Entwürfe, indem Sie auf die Schaltfläche "Zulassen" klicken;

Stripo Zugriff auf Ihre Entwürfe gewähren

  • finden Sie Ihre HTML-E-Mail-Vorlage im Ordner Entwürfe. 

Stripo E-Mail-Entwurf exportieren

Sie müssen dies nur einmal tun. Wenn Sie das nächste Mal HTML-E-Mails in Gmail exportieren, brauchen Sie nur Gmail aus der Liste Exportieren auszuwählen - und die E-Mail wird sofort in diesen E-Mail-Client exportiert.

Wichtig zu beachten:

Erstens bestehen wir jedes Jahr, seit wir den Direktexport zu Gmail eingeführt haben, den Sicherheitstest von Bishop Fox, um sicherzustellen, dass Ihre Daten bei uns sicher sind.

Zweitens, indem Sie Stripo den Zugriff auf Ihr Gmail-Konto erlauben, geben Sie uns nur Zugriff auf den Ordner "Entwürfe". Wir haben keinen Zugriff auf andere Ordner, auch nicht auf Ihre Kontaktdatenbank.

Nachdem Ihre E-Mail in Ihrem Gmail-Konto in den Ordner "Entwürfe" gelangt ist, kann sie nun versendet werden.

Betreffzeile festlegen, Empfänger eingeben. Erledigt!

Im Blogbeitrag " Wie man mit Gmail Massen-E-Mails versendet" haben wir gezeigt, wie man Massen-E-Mails an 2.000 Empfänger auf einmal versendet.

Das könnte Sie auch interessieren

So senden Sie Massen-E-Mails mit Gmail

Probieren Sie Stripo aus

Übrigens: Sie können E-Mail-Vorlagen vor dem Versenden noch bearbeiten!

3 und 4. Technische Einschränkungen von Gmail und wie man mit einigen durch die Verwendung von Stripo umgehen kann

Ich habe eine Reihe von 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, dann wird Gmail vorschlagen, dass Ihre Benutzer das herunterladen.

Ich habe es getestet - das ist so wahr. Sie wollen diese "Download"-Schaltfläche vielleicht nicht, weil sie dem gesamten Design schadet, und E-Mails sehen so nicht professionell aus.

Stripo Export to Gmail Download-Schaltfläche

Lösung:

Wenn Sie Bilder zum Einfügen in eine E-Mail hinzufügen, können Sie immer noch einen Link hinzufügen. Aber auch wenn Sie das vergessen, hat unser System einen "Link" als Standard eingestellt:

Stripo Export nach Gmail Hinzufügen von Links

Sicherlich wird es Ihre Kunden nirgendwo hinführen, dennoch wird es nicht den irritierenden "Download"-Button über Bildern in E-Mails geben.

Fazit: Stimmt.

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

Sie haben es sicher auch schon gehört, dass E-Mails mit Bildern im Spam-Ordner landen, wenn zu jedem verwendeten Bild kein Alt-Text (Alt-Tag) vorhanden ist.

Ich habe absichtlich viele E-Mails mit entferntem Alt-Text verschickt, und sie haben es ohne Probleme zum Posteingangsbutton geschafft. Allerdings habe ich dieses Mal nur Gmail getestet. Wir können also nicht versprechen, dass Ihre E-Mails ohne Alt-Text die Spam-Filter von Outlook oder Apple Mail passieren werden. Wenn Sie also E-Mails nicht nur an Gmail-Benutzer senden wollen, benötigen Sie Alt-Text, um Spam-Filter zu passieren.

Stripo Gmail-Alt-Text exportieren

Wichtig zu beachten:

Egal, wie einfach es ist, die SPAM-Filter zu passieren, wir empfehlen dringend, Bilder mit Alt-Texten zu versehen. Erstens, aus Gründen der E-Mail-Zugänglichkeit. Zweitens, wenn sie von E-Mail-Clients blockiert werden, haben die Empfänger immer noch eine Vorstellung davon, worum es in der Nachricht geht. Versuchen Sie, Alt-Texte so klar wie möglich zu gestalten.

Fazit: E-Mails ohne Alt-Text werden durchaus zugestellt. Aber das kann auch nur Glück sein :) Außerdem müssen wir für andere E-Mail-Clients und für die Zugänglichkeit Alt-Text zu Bildern hinzufügen.

Fazit: Dies ist richtig.

Hypothese 3. Gmail kürzt Nachrichten

Gmail beschneidet E-Mails, die größer sind als:

  • 102 kB, traditionelle HTML-E-Mail;

  • 200 kB, AMP-HTML-E-Mail. 

Am Ende des sichtbaren Teils einer E-Mail wird angeboten, "die gesamte Nachricht anzusehen".

Abgeschnittene Nachrichten_Gmail

Lösung:

Derzeit gibt es keine technische Möglichkeit, dies zu überwinden. Dennoch können Sie Ihre E-Mails mit uns wiegen:

  • klicken Sie einfach auf die Schaltfläche "exportieren".;

  • wählen Sie “HTML” aus;

  • laden Sie die HTML herunter;

E-Mails skalieren_HTML-E-Mails in Gmail erstellen

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

Die Dateieigenschaften besagen, dass diese Gmail-HTML-E-Mail-Vorlage 65 kB groß ist. Ich habe diese Information mit ein paar Anwendungen überprüft, einschließlich mail-tester.com. Sie alle bestätigten diese Dateigröße.

Fazit: stimmt. Wir wissen, wie wir unsere E-Mails wiegen müssen.

Hypothese 4. Die Schaltfläche "Rückgängig" 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, in Ihre Einstellungen zu gehen.

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

Lösung: 

Suchen Sie im Einstellungsfeld die Option "Senden rückgängig machen" und stellen Sie die Zeit ein, die Ihnen passt. Sie variiert zwischen 5 und 30 Sekunden.

Senden von HTML-E-Mails über Gmail_Die Schaltfläche zum Abbrechen

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

Fazit: falsch.

Hypothese 5. Textblöcke mit mehr als 8 500 Zeichen werden entfernt

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

Wir können also sagen, dass sich diese Hypothese nicht bestätigt hat. Was nebenbei bemerkt großartig ist. Aber ich bezweifle aufrichtig, dass irgendjemand von uns eine so lange E-Mail an unsere Kunden schicken wird.

Fazit: falsch.

Hypothese 6: 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 also klickbar macht. Ich habe Tonnen von Handynummern getestet. Und wissen Sie was? Keine der Nummern war anklickbar. Ich muss sie immer noch markieren und kopieren, um sie zu verwenden.

Noch!!! Die Situation mit den E-Mail-Adressen war ziemlich lustig. Sie waren entweder grau, aber klickbar oder blau, unterstrichen, aber nicht klickbar.

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

Lösung:

Fügen Sie "Mailto"-Links zu jeder E-Mail-Adresse hinzu, die Sie in Ihrer E-Mail angeben.

So erstellen Sie eine HTML-E-Mail-Vorlage für Gmail_Hinzufügen von Mailto-LinksWeitere Informationen zum Setzen von "Mailto"-Links in E-Mails finden Sie im folgenden Blogbeitrag.

You might also like

So fügen Sie mit Stripo Hyper- und Ankerlinks in E-Mails ein

Hypothese 7: Hintergründe werden in Gmail Desktop nicht dargestellt, wenn die Breite der E-Mail 640 Pixel überschreitet

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

Und natürlich haben wir das getestet.

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

HTML-E-Mail senden Gmail _ E-Mail-Breite 650 Pixel

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

Fazit: falsch.

Hypothese 8. Gmail ersetzt benutzerdefinierte Schriftarten durch die Standardschriftarten

Individuelle Schriftarten machen Ihr E-Mail-Design noch einzigartiger. Es ist jedoch wahr: Gmail neigt dazu, einige benutzerdefinierte Schriftarten durch die Standardschriftart - Arial - zu ersetzen.

Ich habe 4 verschiedene Schriftarten getestet.

So haben sie funktioniert:

  1. Great Vibes — funktionierte gut auf Mobile und Desktop;

  2. Dokdo — wurde durch Arial ersetzt;

  3. Alexa Std — wurde durch Arial ersetzt;

  4. Montserrat — wurde durch Arial ersetzt.

Fazit: Stimmt teilweise. Aber Sie müssen testen, welche Schriftarten von denen, die Sie wirklich mögen, nicht durch die Standardschriftarten ersetzt werden.

Bitte denken Sie daran, dass Sie bei Stripo benutzerdefinierte Schriftarten hochladen können.

Abschließende Gedanken

Nun, da Sie wissen, wie man eine HTML-E-Mail in Gmail erstellt, wie man kostenlos Massen-E-Mails über Gmail sendet, hoffen wir, dass Sie nur elegante HTML-E-Mails auch für persönliche Korrespondenz senden werden.

HTML-E-Mails für Gmail mit Stripo mühelos erstellen
War dieser Artikel hilfreich?
Tell us your thoughts
Vielen Dank für Ihr Feedback!
2 Kommentare
Uákiti Pires vor 4 Jahren
Ótimo artigo.
Hanna Kuznietsova vor 4 Jahren
Uákiti, Obrigado. Estou muito feliz que você gostou do post. Nós lhe desejamos boa sorte.
Typ
Branche
Jahreszeiten
Integration
Stripo-Editor
Vereinfachen Sie den Prozess der E-Mail-Produktion.
Stripo-Plugin
Integrieren Sie den Stripo-Drag-n-Drop-Editor in Ihre Webanwendung.
Bestellen Sie eine individuelle Vorlage
Unser Team kann es für Sie entwerfen und programmieren. Füllen Sie einfach den Fragebogen aus und wir werden uns in Kürze bei Ihnen melden.

Stripo-Editor

Für E-Mail-Marketing-Teams und Einzelersteller von E-Mails.

Stripo-Plugin

Für Produkte, die von einem integrierten White-Label-E-Mail-Builder profitieren könnten.