HTML-E-Mail-Vorlage erstellen

Handcodierte HTML-E-Mails, die in Outlook, Gmail, Apple Mail und im Dark Mode korrekt dargestellt werden.

Verkauft von GRADAXAutomatisierung & DatenDirekt kaufenGegründet 2014, in Europa entwickelt und betrieben

Wichtige Merkmale

Programmierte HTML-Vorlagen aus Ihren Designs
Plattformspezifische Versionen: Klaviyo, Mailchimp, HubSpot, Salesforce oder reines HTML
Rendering-Testergebnisse über verschiedene Clients
Plain-Text-Versionen
Kurzanleitung zu bearbeitbaren Bereichen

Hier wird nichts bezahltSie erhalten zuerst ein schriftliches Angebot. Keine Zahlung, keine Verpflichtung.
Verkauft und geliefert von GRADAXEin Vertrag und ein Team, egal wer die Arbeit macht.
Ihre Daten bleiben in der EUNichts wird außerhalb der Union zur Verarbeitung verlagert.

Über diesen Service

E-Mail-HTML steckt in der Vergangenheit fest: Tabellen, Inline-Styles und Eigenheiten, die sich zwischen jedem Client unterscheiden. Wir setzen Ihre Designs in Templates um, die im Desktop-Outlook genauso zusammenhalten wie auf dem Smartphone – mit berücksichtigtem Dark Mode, barrierefreiem Markup und editierbaren Bereichen für Ihre Versandplattform oder Anwendung.

Warum E-Mails in Outlook brechen

Outlook für Windows rendert HTML-E-Mails mit einer Engine, die für Textverarbeitungsdokumente gebaut wurde, nicht für Webseiten. Layouts, die in Gmail und Apple Mail perfekt aussehen, zerfallen dort: Spalten brechen zusammen, Abstände verschwinden und Hintergrundbilder fehlen. Viele Unternehmen haben dort noch einen großen Anteil an Empfängern, besonders im B2B.

Wir coden Templates mit den alten, zuverlässigen Techniken, die E-Mail noch braucht: verschachtelte Tabellen, Inline-Styles und Outlook-spezifische Fallbacks. Moderne Akzente wie abgerundete Ecken oder Webfonts werden so ergänzt, dass sie sauber degradieren, sodass Outlook-Nutzer eine saubere, einfachere Version sehen statt einer kaputten.

Dark Mode und Barrierefreiheit

Der Dunkelmodus wird von jedem E-Mail-Client anders behandelt. Manche invertieren alle Farben, manche ändern nur den Hintergrund, manche lassen alles unverändert. Ein schwarzes Logo auf transparentem Hintergrund kann völlig verschwinden, und dunkler Text kann auf dunklem Hintergrund landen.

Wir testen Vorlagen im Dark Mode über die wichtigsten Clients und passen Farben, Logos und Rahmen an, damit alles lesbar bleibt. Wo nötig, liefern wir alternative Logo-Versionen, die auf hellem und dunklem Hintergrund funktionieren.

Barrierefreiheit ist eingebaut statt später ergänzt: echter Text statt Text in Bildern, korrekte Alt-Texte, ausreichender Kontrast, logische Lesereihenfolge und ein Sprachattribut für Screenreader.

Outlook-sichere Tabellen-Layouts und Fallbacks
Dark Mode in den wichtigsten Clients getestet
Barrierefreies Markup und Alt-Text
Nur-Text-Versionen für jede Vorlage

Spezifikationen

Kategorie: Automatisierung & Daten
Preis: 290 € bis 1.050 €
Sizes: Klein (Eine Vorlage), Mittel (Vorlagenset), Groß (Modulares System)
Bearbeitungszeit: 3 Tage bis 3 Wochen
Billed: Einmalig
Was Sie erhalten: 5 Elemente, alle im Preis enthalten
Was wir von Ihnen brauchen: Designs in Figma oder eine bestehende E-Mail zum Nachbauen, Die Plattform oder das System, das sie versendet, Bilder und Markenschriften
Am häufigsten gekauft von: SaaS, E-Commerce, Finanzdienstleistungen, Reisen
Verkauft und geliefert von: GRADAX, ein Vertrag und ein Team
Wo Ihre Daten verarbeitet werden: Europäische Union

Was Sie erhalten

Alles unten ist im Preis enthalten. Nichts hier ist ein Upgrade.

Programmierte HTML-Vorlagen aus Ihren Designs
Plattformspezifische Versionen: Klaviyo, Mailchimp, HubSpot, Salesforce oder reines HTML
Rendering-Testergebnisse über verschiedene Clients
Plain-Text-Versionen
Kurzanleitung zu bearbeitbaren Bereichen

Was sich ändert

Templates, die in den wichtigsten E-Mail-Clients korrekt dargestellt werden, auch in Outlook für Windows
Layouts, die auf Smartphones sauber stapeln
Dark Mode berücksichtigt, damit Logos und Text lesbar bleiben
Bearbeitbare Bereiche, die in Ihrer Plattform funktionieren, ohne den Code zu beschädigen

Größen vergleichen

Der Standardpreis für jede Größe. Extras stehen daneben, nicht hinter einem Anruf versteckt.

HTML-E-Mail-Vorlage erstellen: what each size includes
Enthalten	Eine Vorlage290 €3 bis 5 Werktage	Vorlagenset500 €1 bis 2 Wochen	Modulares System1.050 €3 Wochen
Ein Template umgesetzt	Enthalten	Enthalten	Enthalten
Mobil responsiv	Enthalten	Enthalten	Enthalten
Rendering-Tests	Enthalten	Enthalten	Enthalten
Plain-Text-Version	Enthalten	Enthalten	Enthalten
Alles in Eine Vorlage, für bis zu vier Vorlagen	Nicht enthalten	Enthalten	Enthalten
Optimierung für den Dunkelmodus	Nicht enthalten	Enthalten	Enthalten
Bearbeitbare Bereiche für Ihre Plattform	Nicht enthalten	Enthalten	Enthalten
Barrierefreiheits-Checks	Nicht enthalten	Enthalten	Enthalten
Alles aus Vorlagenset	Nicht enthalten	Nicht enthalten	Enthalten
Bibliothek mit bis zu 20 programmierten Modulen	Nicht enthalten	Nicht enthalten	Enthalten
Transaktionale Templates mit dynamischen Datenfeldern	Nicht enthalten	Nicht enthalten	Enthalten
Entwickler-Dokumentation	Nicht enthalten	Nicht enthalten	Enthalten
Zum Angebot hinzufügen

Hinzufügen, was Sie brauchen

Choose the size

Hinzufügen, was Sie brauchen

Zusätzliche VorlageEine weitere Vorlage programmiert und getestet.+€110pro VorlageZweite Plattform-VersionTemplates für eine weitere Versandplattform angepasst.+€9048-hour deliveryEin einzelnes Template innerhalb von zwei Werktagen umgesetzt.+€70

Ihr Gesamtpreis€500

Der Standardpreis plus alles, was Sie hinzufügen. Schriftlich bestätigt, bevor etwas beginnt; nichts wird berechnet, bis Sie es annehmen.

So läuft es

Prüfung
Designs darauf geprüft, ob E-Mail-Clients etwas nicht darstellen können.
Code
Tabellenbasiertes Layout mit Inline-Styles und Fallbacks.
Test
Gerendert über Clients, Geräte und Dark Mode.
Integrate
Bearbeitbare Bereiche für Ihre Plattform oder Anwendung eingerichtet.

Fragen

Warum unterscheidet sich E-Mail-HTML so stark von Web-HTML?

Viele E-Mail-Clients, besonders Outlook unter Windows, nutzen alte Rendering-Engines. Moderne Layout-Techniken brechen, deshalb setzen E-Mails weiterhin auf Tabellen und Inline-Styles.

Können Sie auch die E-Mails gestalten?

Ja. E-Mail-Template-Design umfasst das Design; diese Leistung ist die Umsetzung.

Verwenden Sie MJML oder handgeschriebenen Code?

Beides. MJML beschleunigt die Entwicklung modularer Systeme; Handcoding gibt feinere Kontrolle. Wir entscheiden je Projekt.

Passt keine Größe?

Manche Arbeiten haben eine eigene Form. Wir prüfen den Umfang zuerst und erstellen das Angebot schriftlich; das Abstimmungsgespräch ist kostenlos.

Kostenlose Analyse buchen Mit Vertrieb sprechen

HTML-E-Mail-Vorlage erstellen