JTL-Software

Die meistgelesene E-Mail Ihres Shops haben Sie noch nie gesehen

JTL-Wawi und JTL-Shop E-Mail-Vorlagen professionell gestalten: Auftragsbestätigung, Rechnung und Versandmail ohne Plugin anpassen – ganz ohne Funktionsverlust.

Tobias Maier··9 Min. Lesezeit

Einleitung

In fast jedem JTL-Projekt kommt der Moment, in dem wir zum ersten Mal eine echte Auftragsbestätigung so öffnen, wie sie im Posteingang des Kunden ankommt. Meistens folgt eine kurze Stille. Denn die Standard-E-Mail-Vorlage von JTL-Wawi, die jeder Besteller erhält, sieht aus wie ein Systemprotokoll: linksbündiger Fließtext, blasse Tabellen, gepunktete Linien, keine Marke. Dabei ist genau das der Auftritt, den Ihre Kunden am häufigsten von Ihnen sehen.

Der blinde Fleck: Ihre eigenen Transaktionsmails sehen Sie nie

Auftragsbestätigung, Zahlungseingang, Versandbestätigung, Rechnung – diese E-Mails laufen automatisch. Sie werden ausgelöst, zugestellt, gelesen. Nur eine Person bekommt sie fast nie zu Gesicht: der Händler selbst. Es beschwert sich niemand, es fällt nichts aus, also gibt es keinen Anlass hinzusehen. So bleibt die Standardvorlage jahrelang unangetastet – während parallel Shop-Design, Produktfotos und Verpackung sorgfältig gestaltet werden.

Warum ausgerechnet diese E-Mails zählen

Transaktionsmails erreichen Aufmerksamkeitswerte, von denen jeder Newsletter nur träumt. Wer gerade bestellt und bezahlt hat, wartet auf die Bestätigung – und öffnet sie. Diese Mails treffen den Kunden in den entscheidenden Momenten der Kaufabwicklung:

Auftragsbestätigung

Direkt nach dem Kauf – der Moment, in dem der Kunde gerade Geld ausgegeben hat und auf ein sicheres, seriöses Signal wartet.

Versandbestätigung

Die Mail mit der höchsten Aufmerksamkeit im gesamten Bestellprozess – jeder will wissen, wann das Paket kommt.

Retoure

Der Moment, in dem ohnehin gerade etwas nicht rundläuft – und ein klarer, souveräner Auftritt besonders zählt.

Wer Shop-Template, Produktfotos und Verpackung gestaltet, diese E-Mails aber ausblendet, lässt genau dort eine Lücke, wo die Aufmerksamkeit am höchsten ist.

Beispielansicht: eine Auftragsbestätigung in einem durchgängigen Design – Musterdaten, kein realer Kunde.

JTL-Wawi und JTL-Shop: Wie die E-Mail-Vorlagen technisch funktionieren

Bevor man etwas ändert, lohnt der Blick auf die Mechanik – denn JTL-Wawi und JTL-Shop erzeugen ihre E-Mails auf zwei unterschiedlichen Wegen. Genau daraus entsteht der häufigste Bruch: Die Auftragsbestätigung aus der Wawi und die Bestellbestätigung aus dem Shop sehen aus wie von zwei verschiedenen Unternehmen.

In der JTL-Wawi basieren die Vorlagen auf DotLiquid. Jede Belegart – Auftragsbestätigung, Rechnung, Versandbestätigung und so weiter – ist eine eigene Vorlage mit eigenen Variablen, Schleifen und Bedingungen. Der JTL-Shop dagegen nutzt Smarty. Das Besondere dort: Das Design steckt nicht in jeder einzelnen Mail, sondern in zwei zentralen Vorlagen – Header und Footer –, die jede Shop-Mail gemeinsam einbindet.

Kernaussage

Der Shop-Hebel: Wer im JTL-Shop nur Header und Footer ersetzt, hebt mit einem Schritt das Erscheinungsbild aller rund 29 Shop-Mails – auch der Vorlagen, deren Inhalt unverändert bleibt. In der Wawi gibt es diesen Hebel nicht: Dort steht jede der 13 Belegarten für sich und wird einzeln angepasst.

Woran die meisten scheitern – und was eine gute Lösung leisten muss

Gutes E-Mail-Design und JTL-Kompatibilität sind zwei verschiedene Disziplinen. Designer liefern schöne Entwürfe, die die JTL-Logik ignorieren; technische Dienstleister halten die Logik ein, ändern optisch aber wenig. Eine tragfähige Vorlage bringt beides zusammen – und lässt sich an ein paar Kriterien messen, auch eine selbstgebaute:

Die JTL-Logik bleibt unangetastet

Das ist der wichtigste Punkt: Die Vorlage übernimmt die Variablen, Schleifen und Bedingungen der JTL-Standardvorlage unverändert – Token für Token abgeglichen. Ausgetauscht wird ausschließlich das Design, nicht die Funktion. So bleiben Pflichtangaben, Positionslisten und Fallunterscheidungen vollständig erhalten, und die Mail verhält sich in jedem Bestellfall wie zuvor.

Zuverlässig in echten Postfächern

E-Mail ist nicht Web. Moderne CSS-Layouts, die im Browser gut aussehen, zerfallen in Outlook. Robuste Vorlagen sind tabellenbasiert und arbeiten mit Inline-CSS – so werden sie in Outlook, Gmail und Apple Mail gleichermaßen sauber dargestellt.

Mobil und im Dark Mode lesbar

Die meisten Bestätigungen werden auf dem Smartphone gelesen. Mehrspaltige Blöcke müssen sauber untereinander stapeln, und Elemente mit fester Textfarbe dürfen im Dark Mode nicht unsichtbar werden – ein Detail, das man aktiv abfangen muss, sonst verschwindet im dunklen Postfach genau das Falsche.

Dieselbe Vorlage hell und im Dark Mode, für mobile Postfächer optimiert (Musteransicht).

Ohne Entwickler anpassbar

Markenfarben gehören an eine zentrale Stelle, nicht verstreut in jede Vorlage. Ist die Primärfarbe über eine Variable gesetzt, wird aus „unser Blau überall eintragen“ ein Handgriff von einer Minute. Und die Ansprache prägt den Ton jeder Mail: In den Wawi-Vorlagen lässt sich zentral zwischen „Sie“ und „Du“ umschalten – der Schalter stellt alle Texte der Vorlage um.

Die 13 E-Mail-Vorlagen der JTL-Wawi im Überblick

Ein einheitlicher Auftritt hört nicht bei der Auftragsbestätigung auf. In der JTL-Wawi sind es 13 Belegarten, die zusammen die gesamte Kundenkommunikation abdecken – sinnvoll in drei Gruppen:

Verkaufsbelege · 7 Vorlagen

Angebot, Auftragsbestätigung, Rechnung, Gutschrift, Lieferschein, Mahnung, Zahlungseingang – der Kern jeder Kundenbeziehung.

Versandbelege · 3 Vorlagen

Versandbestätigung, Retoure und Retoure mit Versandetikett – für hohes Versand- und Retourenaufkommen. Produktbilder dort, wo JTL sie vorsieht.

Beschaffungsbelege · 3 Vorlagen

Lieferanten-Preisanfrage, Bestellung und Erinnerung – ein professioneller Auftritt zählt auch im Einkauf, gegenüber Ihren Lieferanten.

Im JTL-Shop kommen rund 29 Vorlagen dazu – der optische Sprung gelingt hier bereits über Header und Footer, die inhaltsreichen Vorlagen wie die Bestellbestätigung werden zusätzlich neu aufgebaut.

Die sieben Verkaufsbelege in einem durchgängigen Design (Musteransicht).

Aus der Praxis

Ein Händler mit rund 40 Bestellungen am Tag betrieb Wawi und Shop parallel – mit zwei völlig unterschiedlichen E-Mail-Designs. Neukunden bekamen eine moderne Bestellbestätigung aus dem Shop, kurz darauf eine nüchterne Auftragsbestätigung aus der Wawi im Standard-Layout. Der Bruch war offensichtlich, sobald man beide Mails nebeneinanderlegte. Nach der Umstellung auf ein einheitliches, tabellenbasiertes Design über beide Systeme – gleiche Kopfzeile, gleiche Farben, gleiche Summen-Darstellung – wirkte die gesamte Kommunikation aus einem Guss. Ein Eingriff in die Bestell- oder Rechnungslogik war dafür nicht nötig.

Vellum: unsere Umsetzung für das JTL-Ökosystem

Weil uns diese Lücke in Kundenprojekten immer wieder begegnet ist, haben wir sie selbst geschlossen. Als JTL Silver Partner kennen wir beide Systeme aus der Projektarbeit – und haben mit Vellum professionell gestaltete E-Mail-Vorlagen für das JTL-Ökosystem gebaut: 13 Vorlagen für die Wawi und rund 29 für den Shop, in einem gemeinsamen Design-System. Genau das bietet kein anderes Produkt – ein einheitlicher Auftritt über Warenwirtschaft und Shop hinweg. Die Auftragsbestätigung aus der Wawi und die Bestellbestätigung aus dem Shop sehen endlich gleich aus.

Technisch bleibt alles JTL-nativ: kein Plugin, keine fremde Template-Engine. Die Vorlagen werden direkt in die JTL-Standardvorlagen eingesetzt, die Original-Variablen 1:1 übernommen. Sie sind tabellenbasiert, responsiv und Dark-Mode-optimiert.

An Ihr Corporate Design angepasst

Vellum gibt ein durchdachtes Grundgerüst vor – wie Ihre Mails am Ende wirken, bestimmen Sie. Drei Stellschrauben genügen, um die Vorlagen zu Ihren zu machen, ohne den Code anzufassen:

Ihre Farbwelt

Sechs zentrale Farbwerte – Primärfarbe, Akzent, Flächen, Text, Sekundärtext und Rahmen – setzen Sie an einer Stelle auf Ihr Corporate Design. Einmal gepflegt, greift die Farbgebung in jeder Vorlage.

Ihre Ansprache (Wawi)

In den Wawi-Vorlagen schalten Sie zentral zwischen „Sie“ und „Du“ um – der Schalter stellt alle Texte der Vorlage konsistent um, ohne dass Sie einzelne Formulierungen anpassen müssen.

Logo- oder Hero-Header

Wählen Sie den Kopfbereich: einen klaren Logo-Header oder einen 600 px breiten Hero-Header als markantes Banner – je nachdem, wie präsent Ihre Marke oben stehen soll.

Pakete und Preise

Vellum Wawi

Alle 13 Wawi-Vorlagen

149einmalig
Verkaufsbelege (7): Angebot bis Zahlungseingang
Versandbelege (3) und Beschaffungsbelege (3)
Farbwelt zentral an Ihr Corporate Design anpassbar
Anrede „Sie“/„Du“ zentral umschaltbar
Logo- oder Hero-Header wählbar
Ohne Plugin, Einrichtung ohne Entwickler
Vellum Shop

Rund 29 Shop-Vorlagen

179einmalig
Header & Footer stylen alle Shop-Mails
Inhaltsvorlagen zusätzlich neu aufgebaut
Farbwelt zentral an Ihr Corporate Design anpassbar
Logo- oder Hero-Header wählbar
Responsiv und Dark-Mode-optimiert
Ohne Plugin, JTL-native Variablen
Bester Wert
Vellum Komplett

Wawi + Shop in einem Design

279einmalig
Alle 13 Wawi-Vorlagen
Rund 29 Shop-Vorlagen
Einheitliches Design über beide Systeme
Farbwelt, Anrede und Header individuell
Einrichtungsservice optional

Alle Preise netto, Einzelshop-Lizenz. Auch einzeln oder als Themen-Set: Verkaufsbelege (7) für 99 €, Versand- oder Beschaffungsbelege (je 3) für 49 €, Einzelvorlage ab 24 €. Auf Wunsch richten wir die Vorlagen im Rahmen unseres Einrichtungsservice direkt für Sie ein.

FAQ

Häufige Fragen

Ihre Transaktions-E-Mails sind der meistgesehene Kontaktpunkt Ihrer Marke – und in JTL meist der am längsten übersehene. Die Modernisierung ist kein Entwicklungsprojekt: Wer das Design tauscht, ohne die Logik anzufassen, gewinnt bei jeder Bestellung einen konsistenten, professionellen Auftritt – ohne Plugin, ohne Funktionsverlust. Der Unterschied wird in dem Moment sichtbar, in dem der nächste Kunde Ihre Bestätigung öffnet.

Ihr nächster Schritt

Der einfachste erste Schritt kostet nichts: Lösen Sie eine Testbestellung aus und öffnen Sie die Auftragsbestätigung so, wie Ihre Kunden sie sehen. Wenn Sie danach einen frischen Blick auf Ihre Transaktionsmails werfen möchten, schauen wir unverbindlich mit Ihnen drauf und zeigen, was sich mit vertretbarem Aufwand verbessern lässt.

Gespräch anfragen

Operative Klarheit entsteht nicht zufällig.

Lassen Sie uns gemeinsam herausfinden, welche Strukturen Ihr Unternehmen wirklich entlasten.

Projekt besprechen