Gut zu wissen: Dieses Plug-In wurde von NopCommerce entwickelt. Es gibt mehrere Möglichkeiten, Support von NopCommerce zu erhalten.
Übersicht
In diesem Tutorial erfährst du, wie du ein E-Mail-Template für die Auftragsbestätigung erstellst und einen Workflow einrichtest, um deine Kund:innen zu binden. Du erhältst auch Informationen darüber, welche NopCommerce-Bestelldaten mit der Brevo-Plattform kompatibel sind.
Erste Schritte
Du benötigst Folgendes:
- Zugangsdaten für das Brevo-Konto. Wenn du noch keine hast, melde dich kostenlos an.
- Befolge diese Schritte, um das NopCommerce-Plug-In zu installieren.
1. Erstelle das E-Mail-Template für die Auftragsbestätigung
Melde dich zunächst in deinem Brevo-Konto an und gehe dann zu Marketing > Templates > Email (Marketing > Vorlagen > E-Mail). Klicke auf die Schaltfläche Neues Template oben rechts.
Das E-Mail-Template kann mit verschiedenen Arten von Daten personalisiert werden:
- Kontakt-Attribute, die in deiner Brevo-Liste gespeichert sind
- Details zur Bestellung
- Details zum bestellten Artikel
Personalisiere deine E-Mail mit Kontakt-Attributen
Beginnen wir mit der Personalisierung durch Kontakt-Attribute.
Im Beispiel unten haben wir Folgendes personalisiert:
- den Vornamen des/der Empfänger:in mit {{ contact.FIRSTNAME }}
- den Nachnamen des/der Empfänger:in mit {{ contact.LASTNAME }}
Gut zu wissen: FIRSTNAME und LASTNAME sollten bereits als Attribute in deinem Brevo-Konto vorhanden sein.
Personalisiere deine E-Mail mit den Details der Bestellung
Die folgenden Variablen können direkt in den Inhalt deines Brevo-Templates eingefügt werden:
| Bestelldaten | Daten zur Versandadresse | Daten zur Rechnungsadresse |
| {{ params.affiliation }} | {{ params.shipping.firstname }} | {{ params.billing.firstname }} |
| {{ params.currency }} | {{ params.shipping.lastname }} | {{ params.billing.lastname }} |
| {{ params.date }} | {{ params.shipping.company }} | {{ params.billing.company }} |
| {{ params.discount }} | {{ params.shipping.phone }} | {{ params.billing.phone }} |
| {{ params.id }} | {{ params.shipping.address1 }} | {{ params.billing.address1 }} |
| {{ params.revenue }} | {{ params.shipping.address2 }} | {{ params.billing.address2 }} |
| {{ params.shipping }} | {{ params.shipping.city }} | {{ params.billing.city }} |
| {{ params.subtotal }} | {{ params.shipping.country }} | {{ params.billing.country }} |
| {{ params.tax }} | {{ params.shipping.state }} | {{ params.billing.state }} |
| {{ params.total_before_tax }} | {{ params.shipping.zipcode }} | {{ params.billing.zipcode }} |
| {{ params.url }} |
Wähle im Drag & Drop-Editor den gewünschten Block aus, der die Bestellinformationen anzeigen soll, und füge dann deine Variablen hinzu.
Wir empfehlen, Zahlen mit floatformat zu formatieren. Im obigen Beispiel haben wir die folgenden hinzugefügt:
- {{ params.currency | floatformat: 2 }} – Die Währung der Bestellung
- {{ params.subtotal | floatformat: 2 }} – Die Zwischensumme der Bestellung
- {{ params.discount | floatformat: 2 }} – Der Rabatt für die Bestellung
- {{ params.total | floatformat: 2 }} – Der Gesamtbetrag der Bestellung
Jetzt können wir das E-Mail-Template mit bestellten Artikeln personalisieren. Dazu verwenden wir die New Template Language (Neue Template-Sprache), um eine dynamische Liste einzufügen.
Personalisiere deine E-Mail mit den Details der bestellten Artikel
| Artikeldaten | Füge diesen Platzhalter in dein Template ein |
| Name | {{ item.name }} |
| SKU | {{ item.sku }} |
| Kategorie | {{ item.category }} |
| ID | {{ item.id }} |
| ID der Artikelvariation | {{ item.variant_id }} |
| Name der Artikelvariante | {{ item.variant_name }} |
| Preis | {{ item.price }} |
| Menge | {{ item.quantity }} |
| Storefront-Link zum gekauften Artikel | {{ item.url }} |
| Bild | {{ item.image }} |
Wähle im Drag & Drop-Editor den gewünschten Block aus, in dem die zurückgelassenen Artikel angezeigt werden sollen.
- Klicke auf das Stift-Symbol, um die Einstellungen für den Design-Block zu bearbeiten.
- Aktiviere die Option Dynamic list (Dynamische Liste).
- In das Parameterfeld schreibst du
item. - In das Variablenfeld schreibst du
item. - Lege das Limit für die Anzahl der Artikel fest, die angezeigt werden. Wenn es beispielsweise 5 Artikel gibt und du 3 als Limit festlegst, werden nur 3 Artikel in der E-Mail angezeigt.
Füge nun die Variablen zu deinem E-Mail-Template hinzu. Im obigen Beispiel haben wir die folgenden hinzugefügt:
- {{ item.name }} – Der Name des Artikels
- {{ item.quantity }} – Der Menge des Artikels
- {{ item.price | floatformat: 2 }} – Der Preis des Artikels.
Um den Link des Artikels hinzuzufügen, wähle die Schaltfläche Call-To-Action (CTA). Gib in der rechten Seitenleiste unter Link {{ item.url }} ein.
Um das Bild des Artikels hinzuzufügen, wähle das Bild aus. Wähle in der rechten Seitenleiste unter Bildquelle „From URL (Von URL)“ aus und gib dann {{ item.image }} ein.
Wenn dein Entwurf fertig ist, klicke auf die grüne Schaltfläche „Save & Quit (Speichern und Beenden)“. Klicke dann auf die Schaltfläche „Save & Activate (Speichern und Aktivieren)“.
2. Erstelle den Workflow für die Auftragsbestätigung
Gut zu wissen: Um den Workflow auszulösen, muss ein:e Kund:in über seine/ihre E-Mail Adresse identifiziert werden, d. h. ein:e Kund:in, der/die sich in seinem/ihrem Konto in deinem NopCommerce Shop eingeloggt hat oder seine/ihre E-Mail Adresse während des Bestellvorgangs eingegeben hat.
Navigiere zur Registerkarte Automation (Automatisierung) in deinem Brevo-Konto.
Klicke auf + CREATE A NEW WORKFLOW (+ EINEN NEUEN WORKFLOW ERSTELLEN), wähle dann „Product Purchase (Artikelkauf)“ und folge den Schritten.
-
Schritt 1/3 – Ein Ereignis findet statt
- Wähle „Custom Event (Track Event) (Benutzerdefiniertes Ereignis (Ereignis verfolgen“)).
- Gib order_completed ein.
- Klicke auf NEXT (WEITER).
-
Schritt 2/3 – Füge eine Verzögerung hinzu
- Wähle eine Verzögerung aus. Beispielsweise 5 Sekunden.
- Klicke auf NEXT (WEITER).
-
Schritt 3/3 – Eine E-Mail versenden
- Wähle aus dem Dropdown-Menü das E-Mail-Template aus, das du gerade erstellt und aktiviert hast.
- Markiere „Use my event data to customize the email (Meine Ereignisdaten zum Anpassen der E-Mail verwenden)“.
- Wähle „The event data which triggered the workflow (Die Ereignisdaten, die den Workflow ausgelöst haben)“ aus.
- Klicke auf FERTIGSTELLEN (FINISH).
Wenn dein Workflow erstellt ist, klicke auf DONE (FERTIG), um ihn zu speichern und zu aktivieren.
3. Beispiel
Nehmen wir an, dass der Kunde John Smith john.smith@brevo.com die folgenden 3 Artikel in deinem Shop gekauft hat.
Dein Template sieht dann so aus.
Die von John Smith erhaltene E-Mail john.smith@brevo.com wird so aussehen.
Weitere Ressourcen
- Erfahre, wie du das NopCommerce Plug-In einrichtest.
- Erfahre, wie du eine E-Mail zum Warenkorbabbruch für NopCommerce-Kund:innen erstellst.
Du hast eine Frage?
Wenn du Fragen hast, kontaktiere uns einfach:
- Besuche die NopCommerce-Foren. Sie sind kostenlos und werden meist von der NopCommerce-Community bereitgestellt (manchmal auch vom NopCommerce-Team).
- NopCommerce Premium-Support-Services. Kostenpflichtig, schnell und vom NopCommerce-Team bereitgestellt.
- Poste das Problem im NopCommerce Plug-In Repository.
🤔 Sie haben eine Frage?
Wenden Sie sich bei Fragen an unser Support-Team: Erstellen Sie einfach ein Ticket über Ihr Konto. Wenn Sie noch kein Konto haben, können Sie uns hier kontaktieren.
Wenn Sie Unterstützung bei einem Projekt mit Brevo suchen, können wir Sie mit der richtigen zertifizierten Brevo-Partneragentur verbinden.