Blöcke und Layouts
Überschriften, Text, Bilder, Buttons, Trennlinien, Abstände, Social-Media-Icons, Tabellen und reines HTML, angeordnet in Abschnitten mit bis zu vier Spalten.
Sie binden einen Loader ein und hören auf ein einziges Event. Ihre Nutzer bekommen einen Editor für alles, was sie im Alltag tatsächlich mit E‑Mails machen.
Überschriften, Text, Bilder, Buttons, Trennlinien, Abstände, Social-Media-Icons, Tabellen und reines HTML, angeordnet in Abschnitten mit bis zu vier Spalten.
Formatierung direkt im Text, Links, die die umgebende Schrift übernehmen, und eine schwebende Werkzeugleiste, die nicht im Weg ist.
Schriften, Farben, Abstände und Linkstile einmal für die ganze E‑Mail festlegen und bei Bedarf pro Block überschreiben.
Für die Person im Team, die auch das letzte Detail selbst bestimmen will. Mit einem richtigen Code-Editor.
Designs werden zu MJML kompiliert, dem offenen Standard für responsive E‑Mails. Daraus entsteht HTML, das in Outlook, Gmail und Apple Mail sauber dargestellt wird.
Jede Farbe kann ein dunkles Gegenstück haben. Die passenden prefers-color-scheme-Regeln ergänzt der Export automatisch.
Blöcke nur auf dem Desktop oder nur auf Mobilgeräten anzeigen und vor dem Speichern beide Ansichten prüfen.
Die Vorschauzeile, die E‑Mail-Programme neben dem Betreff zeigen, direkt im Editor bearbeiten.
Gruppierte Platzhalter mit Beschriftungen, Beschreibungen und Standardwerten. Welche Syntax eingefügt wird, bestimmen Sie.
Ordner, Suche, Uploads mit Fortschrittsanzeige, Import per URL. Gehostet von Mailblocks oder angebunden an Ihren eigenen Speicher.
Bestehende MJML-Vorlagen als Tags oder JSON einfügen und als Blöcke weiterbearbeiten. Importiert wird nur MJML.
Aus einem geführten Briefing wird in Sekunden eine bearbeitbare Vorlage.
Akzentfarbe, Flächen, Rahmen, Text, Schriften und Radius, jeweils getrennt für hell und dunkel.
Speichern- und Zurück-Button ein- oder ausblenden und das Speichern aus Ihrer eigenen Oberfläche auslösen.
Englisch, Spanisch, Französisch, Deutsch, Portugiesisch, Rumänisch und Griechisch.
Die Events ready, save, change, error, back und generated sowie die Methoden save(), load() und destroy().
Die Live-Demo ist der echte Editor. Er läuft genau so, wie er in Ihrer App laufen würde.