Bestellbestätigungs-E-Mail optimieren – mit Kommentar, Bankdaten und Zahlungsart

In diesem Tutorial zeige ich dir, wie du die Bestellbestätigungs-E-Mail in deinem Shopware 6 B2C-Shop optimierst. Das Ziel ist es, deinen Kunden alle wichtigen Informationen bereitzustellen – übersichtlich, klar und professionell. Insbesondere fügen wir Bankdaten für Vorkasse-Bestellungen hinzu, zeigen die gewählte Zahlungsart an und integrieren einen möglichen Kommentar des Kunden.

Warum solltest du das Template anpassen?

Im Standard von Shopware 6 enthält die Bestellbestätigung keine Informationen zur gewählten Zahlungsart. Für Kunden, die Vorkasse gewählt haben, fehlen die Bankdaten – was oft zu Rückfragen führt. Außerdem ist es hilfreich, den Kundenkommentar anzuzeigen, falls der Kunde spezielle Wünsche oder Hinweise hinterlassen hat.

Mit einem angepassten Template kannst du:

• Den Kunden eine klar strukturierte Übersicht ihrer Bestellung geben.
• Wichtige Zahlungsinformationen direkt anzeigen, um unnötige Rückfragen zu vermeiden.
• Die Professionalität deines Shops durch eine sauber gestaltete E-Mail erhöhen.

Weiterführende Tutorials:

• Bankdaten in der Bestellbestätigung für Vorkasse-Bestellungen integrieren
  Hier findest du ein detailliertes Tutorial zur Einbindung von Bankdaten bei Vorkasse-Bestellungen.
• Kundenkommentarfeld im Checkout aktivieren und im E-Mail-Template anzeigen
  Dieses Tutorial zeigt dir, wie du das Kommentarfeld im Checkout aktivierst und den Kommentar in der Bestellbestätigung anzeigst.

Schritt 1: Template-Datei für die Bestellbestätigung anpassen

Die Bestellbestätigungs-E-Mail wird in Shopware 6 über ein Twig-Template erzeugt. Du findest dieses Template unter:

Pfad:
Einstellungen > E-Mail-Vorlagen > System-E-Mails > Bestellbestätigung

Öffne das Template und ersetze den bestehenden HTML-Inhalt durch den folgenden Code:

<div style="font-family:arial; font-size:12px;">

{% set currencyIsoCode = order.currency.isoCode %}

Hallo {{ order.orderCustomer.firstName }} {{ order.orderCustomer.lastName }},<br>
<br>
Ihre Bestellung ist am {{ order.orderDateTime|format_datetime('medium', 'short', locale='de-DE') }} bei uns eingegangen.<br>
<br>
Bestellnummer: {{ order.orderNumber }}<br>
<br>

{% if order.transactions.first.paymentMethod.name == "Vorkasse" %}
    Sie haben als Zahlungsart Vorkasse gewählt. Bitte überweisen Sie die offene Summe auf folgendes Konto:<br>
    Bankinstitut: Sparkasse Vest Recklinghausen<br>
    Kontoinhaber: XXX<br>
    IBAN: DE48426501500010112118<br>
    BIC: WELADED1REK<br>
    <b>Verwendungszweck: {{ order.orderNumber }}</b><br>
    Gesamtbetrag: {{ order.price.totalPrice|currency(currencyIsoCode, decimals=order.totalRounding.decimals) }}<br><br>
    Sobald ein Zahlungseingang erfolgt ist, wird Ihre Bestellung verarbeitet.<br>
{% endif %}
<br>

{% if order.customerComment %}
Folgenden <b>Kommentar</b> haben Sie uns hinterlassen:<br>
{{ order.customerComment }}<br><br>
{% endif %}

<strong>Informationen zu Ihrer Bestellung:</strong><br>
<br>

<table border="0" style="font-family:Arial, Helvetica, sans-serif; font-size:12px;">
    <tr>
        <td bgcolor="#F7F7F2" style="border-bottom:1px solid #cccccc;"><strong>Produkt-Nr.</strong></td>
        <td bgcolor="#F7F7F2" style="border-bottom:1px solid #cccccc;"><strong>Produktbild</strong></td>
        <td bgcolor="#F7F7F2" style="border-bottom:1px solid #cccccc;"><strong>Bezeichnung</strong></td>
        <td bgcolor="#F7F7F2" style="border-bottom:1px solid #cccccc;"><strong>Menge</strong></td>
        <td bgcolor="#F7F7F2" style="border-bottom:1px solid #cccccc;"><strong>Preis</strong></td>
        <td bgcolor="#F7F7F2" style="border-bottom:1px solid #cccccc;"><strong>Summe</strong></td>
    </tr>

    {% for lineItem in order.lineItems %}
        <tr>
            <td>{% if lineItem.payload.productNumber is defined %}{{ lineItem.payload.productNumber }}{% endif %}</td>
            <td>{% if lineItem.cover is defined and lineItem.cover is not null %}<img src="{{ lineItem.cover.url }}" width="75" height="auto"/>{% endif %}</td>
            <td>{{ lineItem.label }}</td>
            <td style="text-align: center">{{ lineItem.quantity }}</td>
            <td>{{ lineItem.unitPrice|currency(currencyIsoCode) }}</td>
            <td>{{ lineItem.totalPrice|currency(currencyIsoCode) }}</td>
        </tr>
    {% endfor %}
</table>

<p>
    {% set delivery = order.deliveries.first %}
    <br>
    <strong>Gewählte Versandart:</strong> {{ delivery.shippingMethod.translated.name }}<br>
    <strong>Gewählte Zahlungsart: </strong>{{ order.transactions.first.paymentMethod.translated.name }}<br>
    <br>

    <strong>Rechnungsadresse:</strong><br>
    {{ order.billingAddress.company }}<br>
    {{ order.billingAddress.firstName }} {{ order.billingAddress.lastName }}<br>
    {{ order.billingAddress.street }}<br>
    {{ order.billingAddress.zipcode }} {{ order.billingAddress.city }}<br>
    {{ order.billingAddress.country.translated.name }}<br>
    <br>

    {% if delivery.shippingOrderAddress %}
        <strong>Lieferadresse:</strong><br>
        {{ delivery.shippingOrderAddress.company }}<br>
        {{ delivery.shippingOrderAddress.firstName }} {{ delivery.shippingOrderAddress.lastName }}<br>
        {{ delivery.shippingOrderAddress.street }}<br>
        {{ delivery.shippingOrderAddress.zipcode }} {{ delivery.shippingOrderAddress.city }}<br>
        {{ delivery.shippingOrderAddress.country.translated.name }}<br>
    {% endif %}
</p>
<br>
Für Rückfragen stehen wir Ihnen jederzeit gerne zur Verfügung.<br>
</div>

Schritt 2: Inhalte prüfen und testen

1. Zahlungsart prüfen:
   Überprüfe, ob die Zahlungsart korrekt im Template angezeigt wird. Führe dazu eine Testbestellung mit der Zahlungsart „Vorkasse“ durch. Du solltest die Bankdaten und den Verwendungszweck wie im Template angegeben sehen.
2. Kundenkommentar:
   Gib bei einer Testbestellung einen Kommentar ein. Der Kommentar sollte in der Bestellbestätigungs-E-Mail erscheinen.
   Falls du das Kommentarfeld im Checkout noch nicht aktiviert hast, findest du im folgenden Tutorial eine Anleitung dazu:
   Kundenkommentarfeld im Checkout aktivieren und im E-Mail-Template anzeigen.
3. Darstellung der Produkte:
   Achte darauf, dass die Produktbilder, Namen, Mengen und Preise korrekt dargestellt werden. Falls du Bundles oder Varianten anbietest, überprüfe ebenfalls deren Darstellung.

Fazit

Mit dieser Anpassung erhältst du ein optimiertes Template für die Bestellbestätigungs-E-Mail, das alle wichtigen Informationen für deine Kunden übersichtlich darstellt. Dadurch reduzierst du Rückfragen und verbesserst das Einkaufserlebnis in deinem Shop.

Nächste Schritte:

• Teste das Template gründlich mit verschiedenen Bestellungen.
• Überlege, ob du weitere Informationen hinzufügen möchtest, wie z. B. Hinweise zu Rücksendungen oder einen Link zu den AGB.