Skip to main content
Monthly Archives

April 2021

using wysiwyg editors to create HTML email designs

E-Mails mit einem WYSIWYG Editor gestalten: Unsere Tipps

By Gabrielle Mail Designer 365 Newsletter Academy, Newsletter Academy

In den letzten Jahren ist die Qualität von HTML E-Mail-Designs enorm gestiegen. Designer arbeiten ständig daran, E-Mail-Kampagnen zu gestalten, die einen perfekten Eindruck machen.

Für viele Designer ist ein WYSIWYG Tool eine optimale Lösung, um schöne E-Mail-Inhalte schneller und leichter erstellen zu können. So sparen sie sich viel Zeit und Aufwand.

In diesem Guide gehen wir das Thema "Drag & Drop E-Mail-Design" an und teilen zudem aus eigener Erfahrung unsere besten Tipps, um WYSIWYG-Tools effektiv zu verwenden.

Erhalte praktische E-Mail-Marketing-Tipps direkt in deine Inbox!

 
 
Es ist ein Fehler bei der Anmeldung aufgetreten.
Bitte überprüfe deine E-Mail Adresse.
Vielen Dank! Bitte prüfe deinen Posteingang.
Sofern du deine E-Mail Adresse noch bestätigen musst, haben wir dir gerade eine Mail geschickt!

Was bedeutet WYSIWYG?

WYSIWYG – what you see is what you get – ist das Prinzip, nach dem viele Design-Tools für die Gestaltung verschiedener Inhalte, wie z. B. Webseiten oder in unserem Fall E-Mail-Templates, arbeiten.

Wenn du ein WYSIWYG Tool verwendest, wird dein Design in Echtzeit aktualisiert, sodass du deine E-Mail bearbeiten und gleichzeitig direkt sehen kannst, wie sich deine Änderungen auf die fertige Mail auswirken. Du kannst so dein Design schon während dem Gestalten auf Optik und Funktionalität überprüfen.

In der Regel stellen WYSIWYG Tools dem Benutzer eine Vielfalt fertiger Layoutblöcke und Grafiken zur Verfügung, um die Gestaltung einfacher zu machen (wie z. B. die Mail Designer 365 Content Library). Außerdem werden jegliche Layout-Änderungen per Drag & Drop durchgeführt.

Mail Designer 365's WYSIWYG editor

WYSIWYG E-Mail Editoren ermöglichen es dir, ganze HTML E-Mail-Designs per Drag & Drop zu erstellen.

Lohnt sich ein WYSIWYG Editor für mein Unternehmen?

Wenn es um E-Mail-Design geht, bietet ein WYSIWYG Editor viele Vorteile – vor allem, wenn du Zeit sparen willst oder keine Coding-Kenntnisse hast.

Nach und nach bearbeiten und anpassen

Auch die erfahrensten Designer kennen den Frust, Entwürfe ständig anpassen zu müssen, wenn Kleinigkeiten geändert werden sollen. Mit einem WYSIWYG Editor hast du immer ohne großen Aufwand die pixelgenaue Kontrolle.

Passe deine Design-Inhalte mit wenigen Klicks an – ohne dir Sorgen über die Funktionalität des Codes machen zu müssen.

 Mehr Zeit für andere wichtige Aufgaben

Dank der einfachen Gestaltung per Drag & Drop können Aufgaben, die bisher zeitaufwändig waren, jetzt innerhalb von Minuten durchgeführt werden. So bleibt dir mehr Zeit, um andere Elemente deiner E-Mail-Marketing-Strategie zu optimieren.

Du bist mit dem Design fertig – nimm dir jetzt Zeit, um dir zum Beispiel den perfekten Betreff auszudenken, deinen E-Mail-Text zu perfektionieren und deine Zielgruppe zu definieren.

 Für das ganze Team zugänglich

Der intuitive WYSIWYG Editor ermöglicht es jedem im Team, fortgeschrittene Design-Techniken durchzuführen – ohne eine Zeile Code. So kann jeder zum E-Mail-Profi werden!

 Praktische Ressourcen für E-Mail-Designs

Die meisten WYSIWYG Editoren beinhalten auch eine Kollektion fertiger Grafiken, wie z. B. Buttons und Social Media Icons, die du in deine E-Mail-Templates einfügen kannst. Insbesondere, wenn du keine eigenen Grafiken zur Hand hast, kannst du dadurch viel Zeit sparen.

Tipps, um E-Mails in einem WYSIWYG Editor zu gestalten

Obwohl WYSIWYG Tools das Erstellen von E-Mail-Templates vereinfachen, gibt es trotzdem noch einige wichtige Punkte zu beachten, wenn du dich für diese Methode entscheidest.

Die E-Mail-Größe

Weil die E-Mail-Gestaltung per Drag & Drop so einfach ist, wird man schnell von der Begeisterung mitgerissen und es besteht die Gefahr, dass man die Größe der E-Mail nicht im Hinterkopf behält.

Wenn du zu viele Elemente in dein Design einfügst, wird die Datei zu groß. Dadurch können diverse Probleme entstehen, wie u. a. eine langsame Ladegeschwindigkeit, nicht vollständig dargestellte E-Mails oder ein fehlgeschlagener Versand.

Außer die Anzahl der Layoutblöcke und anderer Designelemente zu kontrollieren, solltest du auch darauf achten, dass du die Bilder in deiner E-Mail optimierst, um die finale Dateigröße zu reduzieren.

image optimisation tools in mail designer 365's WYSIWYG editor

Optimiere die Bilder in deiner E-Mail, um die Dateigröße möglichst klein zu halten.

Weitere Informationen dazu findest du in diesem Blog-Beitrag.

Die E-Mail-Kompatibilität

Kompatibilität ist für jedes E-Mail-Design ein wichtiger Erfolgsfaktor. Es gibt viele E-Mail-Dienste und jeder verhält sich anders. Obwohl es kein allgemeingültiges Erfolgsrezept gibt, gibt es doch einige Schritte, die du durchführen kannst, um sicherzustellen, dass dein Design in allen Mail-Clients gut aussieht.

Häufig können bei der Nutzung von WYSIWYG-Tools Probleme mit Schriften vorkommen, z. B. dass in manchen E-Mail-Diensten falsche Schriftarten angezeigt werden. Textstile und e-mail-sichere Ersatzschriften helfen dir, solche Probleme zu vermeiden.

adding fallback fonts in Mail Designer 365

Verwende Textstile und Ersatzschriften, um Kompatibilitätsprobleme bei verschiedenen E-Mail-Diensten zu vermeiden

Barrierefreiheit für deine Mails

Um Rücksicht auf alle in deiner Zielgruppe nehmen zu können, sollten deine E-Mails barrierefrei sein. Auch, wenn du eine E-Mail ohne Probleme lesen kannst, gibt es eventuell Empfänger mit Lese- oder Sehschwächen, die damit Schwierigkeiten haben könnten. Aus diesem Grund ist es wichtig, dass du vor dem Versand die richtigen Maßnahmen getroffen hast.

Die Verwendung von Alt-Texten spielt hier eine wichtige Rolle. So können Bildschirmleser die Inhalte deiner E-Mails besser beschreiben – vor allem, wenn du viele Bilder und Grafiken verwendest.

setting up alt texts for an email design in mail designer 365

Alt-Texte sorgen dafür, dass deine E-Mail-Designs für deine Empfänger barrierefrei sind

Erfahre mehr über barrierefreie E-Mails in diesem Beitrag.

Die Zustellbarkeit deiner E-Mail

Ein letzter Punkt, auf den du achten solltest, ist das Spam-Testing. Wenn deine Mails als Spam markiert werden, riskierst du erstens, dass sie einen großen Teil deiner Zielgruppe nicht erreichen und zweitens, dass du von bestimmten E-Mail-Clients als Absender gesperrt wirst.

Bei HTML E-Mails empfehlen wir drei Schritte, um zu vermeiden, dass deine Mail im Spam-Ordner landet:

  1. Nutze eine Mischung aus Texten und Bildern. E-Mails, die nur aus Bildern bestehen, werden häufiger als Spam markiert
  2. Nutze einen sichtbaren Abmelde-Link in der Mail (dies ist gesetzlich erforderlich!)
  3. Verzichte in deinem Text und auch im Betreff auf typische Spam-Wörter und Begriffe wie z. B. "Jetzt gewinnen", "gratis", "Geld", "€€€" usw.
adding an unsubscribe link to an email design

Ein Abmelde-Link ist in jeder werblichen Mail erforderlich

Dieser Beitrag enthält mehr Informationen darüber, wie du es vermeiden kannst, als Spam-Absender markiert zu werden.

Den Mail Designer 365 WYSIWYG Editor nutzen

Du bist auf der Suche nach einem Drag & Drop E-Mail Tool für den Mac? Mail Designer 365 ist der beste WYSIWYG E-Mail-Editor für macOS.

Neben einer vielfältigen und großen Kollektion versandfertiger E-Mail-Templates bietet Mail Designer 365 auch folgende tolle Features:

  • Über 1000 mögliche Layout-Kombinationen, inklusive Tabellenlayouts
  • Smartphone-Ansicht zum Erstellen mobiloptimierter E-Mail-Designs
  • Moderne Vorschau-Geräte: iPhone, iPad, Apple Watch u. v. m
  • Integrierter Testmail-Service
  • Inklusive webbasierter Freigabe-Tools für einfaches Arbeiten im Team (mehr erfahren)
  • Direkter Export zu Mailchimp, Campaign Monitor und Direct Mail sowie Kompatibilität mit allen führenden E-Mail-Diensten
create mobile responsive email designs in mail designer 365

Erstelle mobiloptimierte E-Mail-Designs innerhalb weniger Minuten – mit dem WYSIWYG Editor von Mail Designer 365

Du kennst Mail Designer 365 noch nicht?

Mail Designer 365 hilft dir, zusammen mit deinem Team stylische, professionelle HTML E-Mail-Newsletter zu gestalten.
Starte deine kostenlose Demo und werde zum Designer!

Keine Kreditkarte erforderlich
OS X 10.11 - macOS Big Sur

Dieser Beitrag hat dir gefallen?

Entdecke weitere Tipps, Tricks und Anwendungs-Beispiele in der Mail Designer 365 Newsletter Academy -
dein exklusives Portal für alles zum Thema E-Mail-Marketing-Strategie und Newsletter-Design.

planet earth poster by Greenpeace

E-Mail-Kampagnen für den Welttag der Erde erstellen - Unsere besten Tipps

By Gabrielle Newsletter Academy

Die Erde ist unsere Heimat und dafür sind wir dankbar! Aussagekräftige E-Mail-Inhalte zum Welttag der Erde zu erstellen ist ein effektiver Weg, um unseren Planeten mit deinen Subscribern zu feiern.

Du planst eine spannende Promotion, willst Nachhaltigkeits-Tipps mit deinen Abonnenten teilen oder deine Leser auf den Umweltschutz aufmerksam machen? Erstelle ganz einfach eine E-Mail-Kampagne!

In diesem Beitrag teilen wir unsere Lieblings-E-Mail-Kampagnen zum Welttag der Erde sowie einige nützliche Ideen, wie du ein eigenes Template für diesen besonderen Anlass gestalten kannst.

Erhalte praktische E-Mail-Marketing-Tipps direkt in deine Inbox!

 
 
Es ist ein Fehler bei der Anmeldung aufgetreten.
Bitte überprüfe deine E-Mail Adresse.
Vielen Dank! Bitte prüfe deinen Posteingang.
Sofern du deine E-Mail Adresse noch bestätigen musst, haben wir dir gerade eine Mail geschickt!

Was ist der Tag der Erde?

Der Welttag der Erde ist eine globale Bewegung, die 1970 ins Leben gerufen wurde, um Nachhaltigkeit und Umweltschutz zu fördern. Der Tag wird jedes Jahr am 22. April gefeiert.

Am Welttag der Erde wird darüber diskutiert, wie wir den Planeten für zukünftige Generationen schützen können. Unter anderem gehört dazu, das Bewusstsein für den Klimawandel, erneuerbare Energien, Naturschutz und die Gefahr der Treibhausgase zu schärfen.

Heutzutage engagieren sich immer mehr Menschen für die Umwelt und wollen ihren Alltag nachhaltiger gestalten. Der Welttag der Erde bietet dir nicht nur die Chance, diese wichtigen Themen anzusprechen, sondern auch eine Möglichkeit, zu zeigen, was dein Unternehmen für eine nachhaltigere Welt tut.

planet earth poster by Greenpeace

Der Welttag der Erde findet jährlich am 22. April statt und konzentriert sich hauptsächlich auf Nachhaltigkeit und Naturschutz

Tipps und Ideen für E-Mails zum Welttag der Erde

Du erstellst zum ersten Mal eine E-Mail-Kampagne zum Welttag der Erde? Diese Tipps helfen dir, damit loszulegen ...

Schreibe einen aussagekräftigen Betreff

Der E-Mail-Betreff spielt oft die entscheidende Rolle bei der Frage, ob deine Leser deine E-Mail öffnen und lesen werden – vor allem in E-Mail-Diensten wie Gmail und Outlook, wo werbliche E-Mails getrennt von anderen Mails angezeigt werden.

Aus diesem Grund ist es wichtig, dass dein Betreff auffällig und aussagekräftig ist. Nutze themenbezogene Schlüsselwörter und Begriffe, die eine klare Verbindung zum Welttag der Erde herstellen. Passende Emojis (🌎💚🌲🌱) bringen ein bisschen Farbe mit, was das Ganze noch interessanter und auffälliger macht.

Denke dir motivierende und positive E-Mail-Texte aus

Beim Welttag der Erde ist es wichtig, dass wir einander dazu auffordern, den Planeten für zukünftige Generationen zu schützen, indem wir nachhaltiger werden. Hier macht es Sinn, einen positiven und motivierenden Ton in deinen E-Mails anzuschlagen.

Neben allgemeinen ermutigenden Worten könntest du auch Tipps und Ideen mit Lesern teilen, wie sie aktiv was für die Umwelt tun können oder du könntest berichten, welche Leistungen deine Firma und Kunden schon erzielt haben.

Nutze Erdtöne in deinem Design

Grün, Türkis, Blau und neutrale Farben eignen sich gut für ein E-Mail-Design zum Welttag der Erde. Typischerweise wird Grün am ehesten mit dem Thema Umweltschutz in Verbindung gebracht aber eine Kombination von Erdtönen sorgt dafür, dass deine Designs auffälliger wirken.

Eindrucksvolle Bilder verwenden

Das richtige Bild kann dafür sorgen, dass deine E-Mail einen starken Eindruck macht – ob Bilder von deinen bereits erreichten Nachhaltigkeits-Zielen, Produktfotos oder effektive Stock-Fotos.

Webseiten wie z. B. Unsplash, Pexels und Pixabay bieten dir Zugriff auf jede Menge lizenzfreie Stockbilder, die du in deinen Designs verwenden kannst. Zudem kannst du die Bildbearbeitungstools in Mail Designer 365 nutzen, um Bilder zu optimieren.

Social Media miteinbeziehen

Während die E-Mail ein effektiver Kommunikationskanal ist, kannst du auch andere Social-Media-Plattformen nutzen, um die Diskussion online weiterzuführen. Instagram, Twitter, YouTube usw. sind effektive Plattformen, um direkt mit deinen Kunden zu kommunizieren. Diese kannst du auch durch Cross-Promotion sehr gut in deine E-Mail-Kampagnen integrieren.

Achte darauf, dass deine E-Mails Links auf deine diversen Social Media-Profile enthalten und vergiss nicht, den Hashtag #EarthDay zu nutzen, um noch mehr Sichtbarkeit zu erzielen.

Unsere Lieblings-E-Mail-Kampagnen zum Welttag der Erde

Hier bekommst du jede Menge Design-Inspiration für deine E-Mail-Kampagnen zum Welttag der Erde. Du willst noch mehr Beispiele von coolen E-Mail-Kampagnen sehen? Wirf einen Blick auf unser Pinterest Board.

J Crew

earth day email campaign by j crew

Wohltätigkeits-E-Mail-Kampagne zum Welttag der Erde von J Crew

Diese prominente Kampagne von J Crew unterstützt lokale Naturschutzgebiete und teilt zudem praktische Tipps mit Lesern, wie sie nachhaltiger einkaufen können.

Jurlique

Earth Day email campaign by Jurlique

"Earth Day every day" ist der Leitgedanke von dieser Kampagne von Jurlique

In dieser E-Mail-Kampagne zum Welttag der Erde informiert das Unternehmen seine Kunden über die eigene Nachhaltigkeitsstrategie. Eine Promotion rundet das Ganze ab.

P.S. Du liebst den Headline-Effekt in dieser E-Mail? Nutze die Überblend-Modi in Mail Designer 365, um diesen Style in deiner Kampagne nachzumachen!

Lou & Grey

Earth Day email by Lou & Grey

Dieses pinke Design von Lou & Grey integriert wichtige Branding-Elemente des Unternehmens in die Promotion.

Dieses E-Mail-Design von Lou & Grey ist ein weiteres Beispiel, wie du eine Promotion zum Welttag der Erde ankündigen kannst. Obwohl das rosa Farbschema ziemlich untypisch für das Umwelt-Thema erscheint, finden wir es cool, dass Lou & Grey CI-konform bleiben und trotzdem ihre Reichweite für mehr Aufmerksamkeit für dieses wichtige Event nutzen.

Adobe

Earth Day email campaign by Adobe

Adobe feiert durch diese E-Mail-Kampagne die Schönheit unseres Planeten.

In dieser Kampagne von Adobe Stock werden eindrucksvolle Bilder genutzt, um die Schönheit der Erde hervorzuheben und gleichzeitig Adobes Bildkollektion zu bewerben.

Pet Smart

email campaign for Earth Day by Pet Smart

Pet Smart präsentiert zum Welttag der Erde ihre umweltfreundlichsten Produkte

Pet Smart präsentiert in dieser E-Mail ihre umweltfreundliche Produkt-Serie. Die süße Hunde-Grafik passt gut zum Thema und lockert die Mail auf.

Leesa

Earth Day email promotion by Leesa

Leesa zeigt Kunden durch diese Kampagne, wie sich das Unternehmen für Nachhaltigkeit einsetzt.

Wir lieben die Grüntöne und die Botschaft in dieser E-Mail zum Welttag der Erde von Leesa. In der Kampagne wird den Kunden gezeigt, wie das Unternehmen aktiv daran arbeitet, nachhaltiger zu werden.

Außerdem werden auch nützliche Tipps mit Lesern geteilt, wie sie selbst auch umweltfreundlicher leben könnten.

Ein E-Mail-Template zum Welttag der Erde erstellen – mit Mail Designer 365

Mail Designer 365 verfügt über alle Tools und Ressourcen, die du brauchst, um wirkungsvolle E-Mail-Kampagnen für den Welttag der Erde zu erstellen. Versandfertige E-Mail-Templates und auffällige Grafiken sorgen dafür, dass du innerhalb von Minuten dein nächstes E-Mail-Template per Drag & Drop gestalten kannst.

mail designer 365 email template for sustainability tips

Teile deine besten Tipps für Nachhaltigkeit – mit diesem E-Mail Template. Exklusiv in Mail Designer 365 erhältlich

Du hast noch keinen Mail Designer 365 Plan? Lade heute deine kostenlose Demo herunter und erstelle coole E-Mail-Designs für den Welttag der Erde und viele andere Events.

Du kennst Mail Designer 365 noch nicht?

Mail Designer 365 hilft dir, zusammen mit deinem Team stylische, professionelle HTML E-Mail-Newsletter zu gestalten.
Starte deine kostenlose Demo und werde zum Designer!

Keine Kreditkarte erforderlich
OS X 10.11 - macOS Big Sur

Dieser Beitrag hat dir gefallen?

Entdecke weitere Tipps, Tricks und Anwendungs-Beispiele in der Mail Designer 365 Newsletter Academy –
dein exklusives Portal für alles zum Thema E-Mail-Marketing-Strategie und Newsletter-Design.

Privacy Settings / Datenschutz-Einstellungen