Responsive E-Mails leicht gemacht mit MJML
Auf welchem Gerät oder E-Mail Client Ihre Abonnenten Ihre E-Mails auch öffnen, sie erwarten stets eine professionielle Nachricht. Das Erstellen einer wirklich responsiven E-Mail ist jedoch eine schwere Aufgabe, da keine einheitlichen Standards für die von den E-Mail-Clients verwendeten Darstellungsmodule vorliegen und HTML von diesen E-Mail-Clients nur wenig unterstützt wird.
![Hermes auf einem Computerbildschirm mit verschiedenen Zustellbarkeitssymbolen.](http://images.ctfassets.net/y6oq7udscnj8/3OWpRCLEd0lraMROkCXfDF/8bea48b929306f62df722e6c09384060/Mailjet-Deliverability-02.png)
Semantische Tags zur Reduzierung der HTML-Komplexität
Alle Tags in MJML sind semantisch, sodass die Sprache leicht zu erlernen und zu verstehen ist: mj-button, mj-image, mj-text… Und was noch besser ist: Mit den MJML-Tags werden die Ausweichmöglichkeiten und Hacks integriert, die für eine responsive E-Mail erforderlich sind wie z. B. bedingte Kommentare (conditional comments) für Outlook.
![](https://images.ctfassets.net/y6oq7udscnj8/26mSklWUXZ1c7go29V744l/3a9b8038a7198ad47f5c17fcb4d9d9fb/MJ-API-Organization.png?w=1024&h=704&q=50&fm=png)
![Ein Beispiel ansprechender, wirkungsvoller E-Mails auf allen Geräten.](https://images.ctfassets.net/y6oq7udscnj8/2mGxPhES3h5RQpczbEmPkE/515835f29cea45290eca9003568441b8/DE-MJ-Email-editor-responsive-Vidaloka.png?w=1024&h=1048&q=50&fm=png)
Ein von Haus aus ansprechendes Markup
MJML wurde speziell für die Programmierung von E-Mails entwickelt und basiert auf einem System aus Reihen und Spalten, wie es in E-Mails häufig der Fall ist. Von Natur aus responsiv, werden Spalten standardmäßig im Desktop nebeneinander und auf Mobilgeräten gestapelt angezeigt.
Begeistern Sie Ihre Benutzer mit interaktiven E-Mails
Viele der E-Mail Clients bieten interaktive Funktionen, warum sie also nicht nutzen? Mit MJML setzen Sie interaktive Elemente wie mj-navbar, mj-accordion und mj-carousel mühelos ein. Wird die E-Mail in einem Client geöffnet, der Interaktionen nicht unterstützt, wird eine passende Ausweichmöglichkeit angezeigt.
![Mailjet email editor.](https://images.ctfassets.net/y6oq7udscnj8/1V0FNNE5yY5DHnhxWpPnVu/9a0d4603d36440f5f56f675a5c01da5c/DE-MJ-Email-Editor-Falcon-02.png?w=1024&h=705&q=50&fm=png)
Volle Flexibilität für E-Mail Entwickler
MJML stellt nicht nur durchdachte Komponenten für die Reduzierung der Komplexität von HTML-E-Mails, sondern auch einen vollständig anpassbaren Rahmen dafür zur Verfügung. E-Mail Entwickler fügen ihrer MJML-Vorlage eigene CSS-Styles, wie z. B. Media Queries, und für die Optimierung ihrer Entwicklung sogar ihre eigenen MJML-Komponenten hinzu, was die Programmierung wesentlich beschleunigt.
![Das A/B-Test-Tool von Mailjet](https://images.ctfassets.net/y6oq7udscnj8/kHQ1BrF73e4Bkp61J89Vk/f5bb74d0bda654674d019b8d26e320be/DE-MJ-AB-Emails-01.png?w=1024&h=620&q=50&fm=png)