E-Mail-Vorlagen für E-Commerce

Was Sie herunterladen und was noch fehlt

Die Bibliothek bietet sechs didaktische HTML-Dateien: Willkommen, Warenkorb, nach dem Kauf, Reaktivierung, Einführung und Newsletter. Jede enthält eine einfache Struktur, eine Überschrift, Beispieltext und eine Handlungsaufforderung. Sie lassen sich im Browser öffnen und bearbeiten. Es sind keine Kundenkampagnen und keine mit Ihrem Shop verbundenen Nachrichten.

Eine HTML-Datei beschreibt die Darstellung. Eine native Vorlage des Versanddienstes kann dessen Module, Platzhalter und Editoroptionen enthalten. Ein Flow ergänzt Empfänger, Ereignisse, Wartezeiten und Regeln. Der Download erstellt weder diese Verbindung noch eine Automatisierung und ersetzt keine Produktdaten.

Wenn Sie vor der Bearbeitung unterschiedliche Ansätze vergleichen möchten, helfen die kommentierten E-Mail-Marketing-Beispiele. Hier geht es darum, aus einer didaktischen Grundlage eine eigene Nachricht zu machen, die Sie vor dem Versand prüfen können.

Wählen Sie die Datei passend zur Aufgabe

Entscheiden Sie nicht allein nach der ansprechendsten Überschrift. Die Vorlage muss zur Situation der Person und zu einem verfügbaren Linkziel passen. Die Tabelle zeigt Ihre notwendigen Angaben; im HTML sind diese Daten nicht automatisch angebunden.

Beispielinhalte in klarer Reihenfolge ersetzen

Bewahren Sie das Original auf und bearbeiten Sie eine zweite, eindeutig benannte Datei. Ersetzen Sie Marke, Überschrift, Erklärung und Handlungsaufforderung. Die Dateilinks führen als Platzhalter zu example.com und müssen geändert werden. Prüfen Sie ebenso Links in ergänzten Bildern, Logo oder Fußbereich.

Formulieren Sie zuerst das Ziel. Soll die Person Pflegehinweise lesen, darf der Button nicht eine Kollektion ankündigen. Stimmen Sie Preise, Währung, Produkte und Bedingungen mit dem Shop ab. Entfernen Sie sichtbare Lernhinweise aus der fertigen Nachricht und setzen Sie einen geeigneten Fußbereich ein. Die Nutzungsbedingungen bleiben bei Ihren Arbeitsunterlagen.

Ersetzungsliste

• Markenname, Absender und betreutes Antwortpostfach.
• Produkte, Bilder, Links, Sprache und Angebotsbedingungen.
• Beispieltexte und interne Hinweise, die Kunden nicht erhalten sollen.

Personalisierung: geschriebener Text ist kein Platzhalter

Die Dateien enthalten kein universelles Variablensystem. Für Namen, gekaufte Artikel oder Warenkörbe benötigen Sie Syntax und Daten Ihres Versanddienstes. Übernehmen Sie keine Tags aus einem anderen Werkzeug in der Annahme, dass sie funktionieren. Legen Sie außerdem fest, was bei fehlendem Namen oder Merkmal erscheint.

Dokumentieren Sie Feld, Datenquelle, gültiges Beispiel und Ersatzinhalt. Bei einem Produkt gehören Titel, Variante, URL und Bild zusammen: Eine sichtbare Variable allein genügt nicht. Bei leerem Warenkorb oder stornierter Bestellung kann es richtig sein, gar nicht zu senden. Diese Entscheidung gehört zur Konfiguration der Automatisierung.

HTML importieren oder native Module aufbauen

Prüfen Sie die Möglichkeiten Ihres Werkzeugs, bevor Sie die Datei umfangreich bearbeiten. Unterstützt es HTML-Import, kontrollieren Sie das Ergebnis im Editor. Arbeiten Sie mit nativen Modulen, nutzen Sie die Datei als Vorlage für den Nachbau. Keine Variante garantiert, dass jedes Element anschließend auf die gleiche Weise bearbeitbar ist.

Betreff und Vorschautext gehören in die vorgesehenen Felder des Anbieters. Konfigurieren Sie Absender, Antwortadresse und gegebenenfalls Tracking. Testen Sie Ziele auch ohne Anmeldung. Ein Link kann für einen Shopadministrator funktionieren und für einen Käufer scheitern. Der Umfang von Text und Design muss klären, ob Layout, HTML oder native Umsetzung geliefert wird.

Lesbarkeit, Bilder und Textversion

Die herunterladbare Struktur verwendet Text statt eines Bildes der gesamten E-Mail. Behalten Sie entscheidungsrelevante Informationen als lesbaren Text, wenn Sie Bilder ergänzen. Formulieren Sie Links so, dass ihr Ziel verständlich ist. Prüfen Sie lange Namen, Buttons, Abstände und die Darstellung auf schmalen Bildschirmen.

Das W3C unterscheidet informative und dekorative Bilder bei Textalternativen. Beschreiben Sie bei ergänzten Fotos die nützliche Information, ohne die ganze Nachricht zu wiederholen. Prüfen Sie Kontrast und Größe am fertigen Design, nicht nur an der leeren Vorlage.

Erstellen oder prüfen Sie die reine Textversion in Ihrer Plattform. Sinn, notwendige Links und Abmeldung müssen erhalten bleiben; Bearbeitungstags und interne Anweisungen gehören nicht hinein. Lesen Sie sie unabhängig vom Layout: Die Nachricht muss auch ohne visuelle Gestaltung verständlich sein.

Absender, Einwilligung und Abmeldung vor Versand

Der didaktische Hinweis ersetzt keinen Versandfußbereich. Ergänzen Sie Absenderidentität, geltende Bedingungen und die Abmeldefunktion Ihres Versanddienstes. Ersetzen Sie diese nicht durch einen allgemeinen Startseitenlink oder eine unbeaufsichtigte Adresse.

Prüfen Sie neben der Darstellung auch die Versandberechtigung. Ein Vorlagen-Download erteilt keine Erlaubnis, Personen anzuschreiben. Testen Sie die Regeln mit einem ausgeschlossenen und einem berechtigten Kontakt. Fehlende Einwilligungsinformationen oder Angebotsbedingungen müssen vor der Planung geklärt werden; Gestaltung ersetzt sie nicht.

Konkrete Funktionen prüfen und die Übergabe dokumentieren

Richten Sie Tests an konkreten Fehlern aus: falscher Link, fehlende Variable, unpassender Bestellinhalt oder defekte Abmeldung. Klaviyo weist darauf hin, dass eine Vorschau nicht jedes Verhalten eines echten Versands wiedergibt. Nutzen Sie kontrollierte Testkonten für diese Prüfungen.

Bewahren Sie Enddatei, Testdaten, interne Empfänger und Freigabedatum auf. Ändern Sie später eine URL, Variable oder Eintrittsbedingung, wiederholen Sie die betroffene Prüfung. Eine Übergabe ist abgeschlossen, wenn Version und Prüfumfang feststehen, nicht schon dann, wenn ein Browser das HTML öffnet.

Abnahmeprüfungen

• Mobilansicht und die im Projekt vereinbarten E-Mail-Programme prüfen.
• Links, Personalisierung, Absender, Antwortadresse und Abmeldung testen.
• Produkt, Berechtigung, Ausschlüsse und Freigabeverantwortung bestätigen.

Nutzungsrecht für diese Ressourcen

Die beigefügten Bedingungen erlauben Nutzung und Anpassung für Ihre eigene Marke. Der Weiterverkauf als Vorlagenbibliothek ist untersagt. Die Ressourcen werden weder unter einer Open-Source-Lizenz noch mit einer Erlaubnis für ergänzte fremde Bilder oder Materialien angeboten.

Bewahren Sie diese Bedingungen bei Ihrer Arbeitskopie auf und prüfen Sie die Rechte Ihrer eigenen Medien. Eine sorgfältige Anpassung berücksichtigt neben der Markenidentität auch die Informationen und Funktionen, die Empfänger benötigen.

Quellen und weiterführende Informationen

• Klaviyo — How to preview and send test emails
• W3C WAI — Images Tutorial