# Unser E-Mail Editor

Mit unserem Editor ist es sehr einfach transaktionale E-Mails oder Newsletter zu erstellen. Sie können mit unserem Editor beispielsweise Firmen-Newsletter, Produktvorstellungen oder besondere Angebote bewerben oder Ihre Mitarbeiter und Kunden regelmäßig informieren.

Die Vorteile:

  • Drag & Drop Bedienung zur einfachen Handhabung ohne besondere Kenntnisse
  • erstellte E-Mails adaptieren Ihr Design automatisch für kleine Geräte wie beispielsweise Tablets oder Smartphones
  • Auswahl aus sehr vielen verschiedenen Vorlagen für jeden erdenklichen Zweck
  • Inhalte können durch den Administrator beziehungsweise Redakteur gesperrt werden (siehe Zugriffsberechtigungen)

unser E-Mail Editor

# Responsive E-Mail Design

Was bedeutet responsive Design ?

Responsive Design ist eine Methode die Nachricht für das jeweils anzuzeigende Gerät angepasst darzustellen. Smartphones haben kleinere Displays als Desktop-Monitore oder Laptops. Daher sollten die E-Mails sich der Breite anpassen. Wenn die E-Mail das unterstützt ist der Inhalt besser zu lesen, Schaltflächen und Links können leichter angeklickt werden. Außerdem werden Bilder so breit wie das Gerät es erlaubt.

Bei E-Mails ist das im Vergleich zu Webseiten sehr komplex da es sich um eine hohe Anzahl an verschiedenen E-Mail Programmen (Outlook, Gmail, Web.de, GMX) handelt und es keinen einheitlichen Standard zu Darstellung von HTML E-Mails - im Vergleich zu Browsern - gibt.

# Responsive vs. nicht responsive Design

Schauen wir uns mal an wie responsive Design bei E-Mails aussieht.

# nicht anpassbares Design

Dies ist eine Standard E-Mail Nachricht ohne Optimierung für mobile Endgeräte (Smartphones, Tablets). So sieht die E-Mail auf dem Desktop aus:

Desktop

Und hier die gleiche Nachricht auf einem Smartphone:

Smartphone

Wir haben exakt die gleiche Nachricht auf dem Desktop wie auf dem Smartphone. Ist doch toll oder?

Nicht wirklich. Wenn Sie die Nachricht auf einem Smartphone selbst anschauen werden Sie feststellen, dass diese schwer zu lesen ist. Der Text ist klein und es ist schwierig die Schaltflächen oder Verknüpfungen zu klicken. Diese sind einfach zu klein um sie mit dem Finger zu berühren. Sie werden feststellen, dass Sie fast immer hineinzoomen müssen um etwas anklicken oder lesen zu können.

Fazit: Keine wirklich gute Lösung! 😢

# anpassbares Design

Hier die gleiche Nachricht - erstellt mit unserem responsive Editor - auf einem iPhone:

iPhone

iPhone

Wie Sie sehen können ist die Nachricht nicht nur optisch sehr ansprechend sondern auch sehr gut auf Smartphones zu lesen. Das Ergebnis ist eine lesbare E-Mail mit Schaltflächen und Links die einfach zu klicken sind sowie ohne Scrollbar (Bildlaufleiste). 🎉

# Vorlage oder Entwurf?

Eine Vorlage dient als Design für neue Entwürfe (Newsletter). Damit können Sie eine E-Mail erstellen und diesen Inhalt für zukünftige Newsletter immer wieder verwenden. Damit vereinfacht sich die Neuanlage von Newslettern erheblich. Vorlagen können nicht versandt werden und helfen ihnen die Übersicht zu bewahren. Folgende Vorlagen werden üblicherweise angelegt:

  • transaktionale E-Mail (Benachrichtigung, Double-Opt-In etc.)
  • Newsletter (je nach Wunsch ggfls. auch unterschiedlich pro Verteiler / Sprache etc.)

Haben Sie keine Vorlage angelegt oder möchten erst einmal testen können Sie direkt einen Entwurf anlegen. Sie fügen nun ihren Inhalt in den Entwurf ein und können danach einen Versandauftrag erstellen.

Wenn Sie eine Vorlage erstellt haben und diese dann versenden möchten können Sie über die Schaltfläche Vorlage als Entwurf nutzen einen Entwurf aus der Vorlage erzeugen und diese dann versenden. Die ursprüngliche Vorlage bleibt erhalten und kann für den nächsten Newsletter verwendet werden.

Vorlage