E-Mail-Vorlagen anpassen
Commerce enthält eine Standard-E-Mail-Vorlage für den Hauptteil jeder vom System gesendeten Nachricht. Die Vorlage für den Textinhalt wird mit der Kopf- und Fußzeilenvorlage kombiniert, um die gesamte Nachricht zu erstellen. Der Inhalt ist mit HTML und CSS formatiert und kann einfach bearbeitet und angepasst werden, indem Variablen hinzugefügt werden. E-Mail-Vorlagen können für jede Website-, Store- oder Store-Ansicht angepasst werden. Achten Sie bei Verwendung benutzerdefinierter Vorlagen darauf, die Systemkonfiguration zu aktualisieren, um sicherzustellen, dass die richtige Vorlage verwendet wird. Informationen dazu, wie Sie bedingte Anweisungen beim Anpassen der E-Mail-Vorlage verwenden können, finden Sie in der Entwicklerdokumentation .
Die Standardvorlagen enthalten Ihr Logo und Ihre Store-Informationen und können ohne weitere Anpassung verwendet werden. Als Best Practice sollten Sie jedoch jede Vorlage anzeigen und alle erforderlichen Änderungen vornehmen, bevor Sie sie an Kunden senden.
Vorlageninformationen
Kopfzeilenvorlage
Nach Abschluss der Konfiguration enthält die E-Mail-Kopfzeilenvorlage Ihr Logo, das mit Ihrem Store verknüpft ist. Wenn Sie über Grundkenntnisse im HTML verfügen, können Sie einfach vordefinierte Variablen verwenden, um Store-Kontaktdaten zum Header hinzuzufügen.
Schritt 1. Laden der Standardvorlage
-
Wechseln Sie in der Seitenleiste Admin zu Marketing > Communications>Email Templates.
-
Klicken Sie auf Add New Template.
-
Klicken Sie im Abschnitt Load default template auf den Selektor Template und wählen Sie
Magento_Email>Header.
-
Klicken Sie auf Load Template.
Der HTML-Code und die Variablen aus der Vorlage werden im Formular angezeigt.
Schritt 2. Vorlage anpassen
-
Geben Sie den Template Name für Ihre benutzerdefinierte Kopfzeile ein.
-
Geben Sie einen Template Subject ein, um die Vorlagen zu organisieren.
Im Raster kann die Liste der Vorlagen nach der Spalte Subject sortiert und gefiltert werden.
-
Ändern Sie im Feld Template Content die HTML nach Bedarf.
note note NOTE Achten Sie bei der Arbeit mit dem Vorlagencode darauf, keine doppelten Klammern zu überschreiben. -
Um eine Variable einzufügen, positionieren Sie den Cursor an der Stelle im Code, an der die Variable platziert werden soll, und klicken Sie auf Insert Variable.
-
Wählen Sie die einzufügende Variable aus.
Wenn eine Variable ausgewählt ist, wird ein Markup-Tag für die Variable in den Code eingefügt.
Auch wenn die Variablen "E-Mail-Adresse speichern"am häufigsten in der Kopfzeile enthalten sind, können Sie den Code für jedes System oder jede benutzerdefinierte Variable direkt in die Vorlage eingeben.
-
Wenn Sie CSS-Deklarationen vornehmen müssen, geben Sie die Stile in das Feld Template Styles ein.
-
Wenn Sie bereit sind, Ihre Arbeit zu überprüfen, klicken Sie auf Preview Template.
Nehmen Sie die erforderlichen Änderungen an der Vorlage vor.
-
Klicken Sie nach Abschluss des Vorgangs auf Save Template.
Ihr benutzerdefinierter Header wird nun in der Liste der verfügbaren E-Mail-Vorlagen angezeigt.
Schritt 3. Konfiguration aktualisieren
-
Wechseln Sie in der Seitenleiste Admin zu Content > Design>Configuration.
-
Suchen Sie im Raster die Store-Ansicht, die Sie konfigurieren möchten, und klicken Sie in der Spalte Action auf Edit.
-
Scrollen Sie nach unten und erweitern Sie den Abschnitt Transactional Emails um den
-
Wählen Sie den für E-Mail-Benachrichtigungen standardmäßig verwendeten Wert Header Template aus.
-
Klicken Sie nach Abschluss des Vorgangs auf Save Config.
Fußzeilenvorlage
Die Fußzeile der E-Mail-Vorlage enthält die schließende Zeile und die Unterschriftszeile der E-Mail-Nachricht. Sie können das Schließen an Ihren Stil anpassen und zusätzliche Informationen hinzufügen, wie z. B. den Firmennamen und die Adresse unter Ihrem Namen.
Schritt 1. Laden der Standardvorlage
-
Wechseln Sie in der Seitenleiste Admin zu Marketing > Communications>Email Templates.
-
Klicken Sie auf Add New Template.
-
Klicken Sie im Abschnitt Load default template auf den Selektor Template und wählen Sie
Magento_Email>Footer. -
Klicken Sie auf Load Template.
Der HTML-Code und die Variablen aus der Vorlage werden im Formular angezeigt.
Schritt 2. Vorlage anpassen und in der Vorschau anzeigen
-
Geben Sie die Template Name für Ihre benutzerdefinierte Fußzeile ein.
-
Geben Sie einen Template Subject ein, um die Vorlagen zu organisieren.
Im Raster können die Vorlagen nach der Spalte Subject sortiert und gefiltert werden.
-
Ändern Sie im Feld Template Content die HTML nach Bedarf.
note note NOTE Achten Sie bei der Arbeit mit dem Vorlagencode darauf, keine doppelten Klammern zu überschreiben. -
Um eine Variable einzufügen, positionieren Sie den Cursor an der Stelle im Code, an der die Variable platziert werden soll, und klicken Sie auf Insert Variable.
-
Wählen Sie die einzufügende Variable aus.
Wenn eine Variable ausgewählt ist, wird ein Markup-Tag für die Variable in den Code eingefügt.
Obwohl die Variablen "Store Contact"am häufigsten in der Fußzeile enthalten sind, können Sie den Code für jedes System oder jede benutzerdefinierte Variable direkt in die Vorlage eingeben.
-
Wenn Sie CSS-Deklarationen vornehmen müssen, geben Sie die Stile in das Feld Template Styles ein.
Schritt 3. Konfiguration aktualisieren
-
Wechseln Sie in der Seitenleiste Admin zu Content > Design>Configuration.
-
Suchen Sie im Raster die Store-Ansicht, die Sie konfigurieren möchten, und klicken Sie in der Spalte Action auf Edit.
-
Scrollen Sie nach unten und erweitern Sie den Abschnitt Transactional Emails um den
-
Wählen Sie die Footer Template aus, die in E-Mail-Benachrichtigungen als Standardfußzeile verwendet wird.
-
Klicken Sie nach Abschluss des Vorgangs auf Save Config.
Nachrichtenvorlagen
Der Prozess der Anpassung des Hauptteils jeder Nachricht entspricht dem der Kopf- oder Fußzeile. Der einzige Unterschied besteht in der Nachrichtenvorlage für jede Aktivität oder jedes Ereignis, bei der eine Benachrichtigung Trigger wird. Sie können die Vorlagen unverändert verwenden oder sie an Ihre Stimme und Marke anpassen. Neben dem Vorlagentext gibt es eine große Auswahl an zulässigen vordefinierten Variablen und benutzerdefinierten Variablen, die Sie erstellen und in die Vorlage integrieren können.
Schritt 1. Laden der Standardvorlage
-
Wechseln Sie in der Seitenleiste Admin zu Marketing > Communications>Email Templates.
-
Klicken Sie auf Add New Template.
-
Gehen Sie wie folgt vor:
-
Wählen Sie unter Load default template die Template aus, die Sie anpassen möchten.
-
Klicken Sie auf Load Template.
-
Schritt 2. Vorlage anpassen
-
Geben Sie für "Template Name"einen Namen für Ihre benutzerdefinierte Vorlage ein.
-
Ändern Sie bei Bedarf die Template Subject.
Dies ist die erste Zeile der Nachricht, die standardmäßig als Anrede bezeichnet wird. Sie können es wie besehen lassen oder eine aussagekräftigere Eingabe vornehmen.
-
Notieren Sie sich den Pfad Currently Used For zur Vorlage, der zum Aktualisieren der Konfiguration verwendet wird.
-
Ändern Sie im Feld Template Content die HTML nach Bedarf.
Der Inhalt besteht aus einer Kombination aus HTML-Tags, CSS-Anweisungen, Variablen und Text.
note note NOTE Achten Sie bei der Arbeit mit dem Vorlagencode darauf, nicht versehentlich den Code einzugeben, der in doppelte Klammern eingeschlossen ist. -
Um eine Variable einzufügen, positionieren Sie den Cursor im Code an der Stelle, an der die Variable angezeigt werden soll.
Die Variablenauswahl variiert je nach Vorlage und umfasst die zulässigen vordefinierten und benutzerdefinierten Variablen, sofern verfügbar.
-
Klicken Sie auf Insert Variable und wählen Sie die Variable aus, die Sie einfügen möchten.
Ein Befehl zum Einfügen der Variablen ist in geschweifte Klammern eingeschlossen und dem Code an der Cursorposition hinzugefügt. Beispiel:
customVar code=my_custom_variable -
Um CSS-Deklarationen vorzunehmen, geben Sie die Stile in Template Styles ein.
note note NOTE Benutzerdefinierte Stile werden nur dann auf die E-Mail angewendet, wenn {{template config_path="design/email/header_template"}}im Template Styles vorhanden ist. Um benutzerdefiniertes CSS ohne standardmäßige Kopfzeilenvorlage zu verwenden, müssen Sie diese hier im HTML-Tag<style>angeben.
Schritt 3. Konfiguration aktualisieren
Die Breadcrumb-Leiste Currently Used For zeigt an, wo die Vorlage verwendet wird. In diesem Beispiel befindet sich die Vorlagenkonfiguration auf der Seite "Customer Configuration", im Abschnitt "Create New Account Options" und im Feld "Default Welcome Email".
- Seite - Customer Configuration
- Abschnitt - Create New Account Options
- Feld - Default Welcome Email
-
Klicken Sie im Breadcrumb-Pfad Currently Used For auf den Link, um die Seite mit der Vorlagenkonfiguration zu öffnen.
-
Erweitern Sie den Abschnitt
-
Deaktivieren Sie das Kontrollkästchen Use system value und klicken Sie auf den Namen Ihrer benutzerdefinierten Vorlage.
-
Klicken Sie nach Abschluss des Vorgangs auf Save Config.
-
Klicken Sie in der Meldung oben im Arbeitsbereich auf Cache Management und löschen Sie den ungültigen Cache.
Schritt 4. Vorschau erstellen und speichern
-
Wenn Sie bereit sind, Ihre Arbeit zu überprüfen, klicken Sie auf Preview Template.
-
Aktualisieren Sie die Vorlage nach Bedarf.
-
Klicken Sie nach Abschluss des Vorgangs auf Save Template.
Ihre benutzerdefinierte Vorlage ist jetzt in der Liste der E-Mail-Vorlagen verfügbar.