Was Sie bei der Gestaltung von E-Mail-Vorlagen beachten sollten
Die Erstellung einer schönen und perfekten E-Mail scheint eine einfache Sache zu sein, aber aufgrund der unterschiedlichen CSS-Unterstützung in verschiedenen E-Mail-Clients kann es gut sein, einige Details zu beachten. Damit Ihre E-Mail in möglichst vielen E-Mail-Clients und auf möglichst vielen Geräten gut funktioniert, sollten Sie unsere Design-Tipps für Newsletter-Vorlagen berücksichtigen. Lassen Sie sich auch von verschiedenen Beispiele von Newslettern und wie Sie das gleiche einzigartige und stilvolle Gefühl wie auf Ihrer Website auch in Ihren E-Mails vermitteln können.
Wenn Sie Rule-Kunde werden, erhalten Sie eine kostenlose, individuell gestaltete Newsletter-Vorlage. Sie gestalten die Vorlage entsprechend dem gewünschten Branding und Layout. Wir stellen dann sicher, dass wir das bestmögliche Ergebnis unter Berücksichtigung der technischen Bedingungen erzielen. Wenn Sie dann Änderungen an Ihrer Basisvorlage vornehmen möchten oder weitere Vorlagen wünschen, kümmern wir uns im Handumdrehen darum. Die Möglichkeiten mit Newsletter-Vorlagen sind vielfältig und können auf Wunsch leicht an Feiertage und bestimmte Anlässe angepasst werden.
- Wenn Sie eine individuelle Newsletter-Vorlage von uns wünschen, ziehen wir es vor, das Material als ein Figma-Projekt. Das bedeutet, dass wir Schriftarten, Größen und Ränder direkt aus den Daten abrufen können. Es ist auch möglich, ausgehend von unserem Photoshop-Vorlage wenn Sie dies bevorzugen.
- Die maximale Breite Ihres Newsletters sollte 660 Pixel nicht überschreiten. Dann funktioniert es in allen E-Mail-Clients gut.
- Damit Bilder auf kleineren Geräten gut aussehen, ist es gut, wenn sie eine maximale Breite von 640 Pixeln haben .
- Im Text werden nur Standard-Web-Schriften wie Times New Roman, Arial und Verdana unterstützt. Sie können verwenden Google-Schriftartenzum Beispiel, aber die Unterstützung ist nicht 100%ig. Lesen Sie mehr über websichere Schriftarten.
- Da die Vorlagen in Tabellen erstellt werden, ist es gut, von einem Raster auszugehen, bei dem jeder Block unabhängig von dem darüber oder darunter liegenden Block passt.
- Die meisten E-Mail-Clients sind nicht mit Hintergrundbildern kompatibel, verwenden Sie daher stattdessen Hintergrundfarben.
- Die Unterstützung für Videos in E-Mails ist begrenzt und das Risiko, dass Ihre E-Mail als Spam eingestuft wird, steigt, wenn sie Flash und/oder JavaScript enthält. Verwenden Siestattdessen ein animiertes Gif-Bild oder verlinken Sie ein Bildim Video-Player mit dem Video. Ein ausführliches Beispiel finden Sie in unserem Blogbeitrag über Video in Newslettern.
- Beachten Sie, dass CSS3- und HTML5-Elemente wie border-radius, box-shadow oder @font face nicht unterstützt werden.
- Text und Bilder über einem anderen Bild funktionieren nicht.
- Die meisten E-Mail-Programme blockieren Bilder automatisch und ersetzen sie durch ein leeres Feld. Wenn Sie also Bilder in Ihre E-Mail hochladen, vergessen Sie nicht, einen Alt-Text zum Bild hinzuzufügen, damit das möglicherweise leere Feld einen beschreibenden Text erhält.
- Lassen Sie nicht zu, dass Ihre Abonnenten große E-Mails laden müssen. Denken Sie daher an die Größe der Bilder. Etwa 100kb pro Bild sind optimal.