DokumentationCommerceAdministratorsystemanleitung

E-Mail-Vorlagen anpassen

Last update: Tue Nov 28 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Erstellt für:

  • Einsteiger
  • Fortgeschrittener
  • Admin
  • Führungskraft

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 durch Hinzufügen angepasst werden variables und Widgets. E-Mail-Vorlagen können für jede Website-, Store- oder Store-Ansicht angepasst werden. Wenn Sie benutzerdefinierte Vorlagen verwenden, aktualisieren Sie die Systemkonfiguration um sicherzustellen, dass die richtige Vorlage verwendet wird.

Beispiel: Willkommens-E-Mail-Vorschau

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.

E-Mail-Vorlagen

Vorlageninformationen

Feld
Beschreibung
Template Name
Der Name Ihrer benutzerdefinierten Vorlage.
Insert Variable
Fügt eine Variable an der Cursorposition in die Vorlage ein.
Template Subject
Der Vorlagenbetreff wird in der Spalte Betreff angezeigt und kann zum Sortieren und Filtern der Vorlagen in der Liste verwendet werden.
Template Content
Der Inhalt der Vorlage in HTML.
Template Styles
Alle CSS-Stildeklarationen, die zum Formatieren der Vorlage erforderlich sind, können im Template Styles ​ankreuzen.

Kopfzeilenvorlage

Nach Abschluss der Konfigurationenthält die E-Mail-Header-Vorlage Ihr Logo, das mit Ihrem Store verknüpft ist. Wenn Sie Grundkenntnisse im HTML haben, können Sie einfach vordefinierte Variablen , um Kontaktinformationen zum Store zum Header hinzuzufügen.

Schritt 1. Laden der Standardvorlage

  1. Im Admin Seitenleiste, navigieren Sie zu Marketing > Communications>Email Templates.

  2. Klicken Add New Template.

  3. Im Load default template klicken Sie auf die Template auswählen Magento_Email > Header.

    Email template header - load default template {width="600" modal="regular"}

  4. Klicken Load Template.

    Der HTML-Code und die Variablen aus der Vorlage werden im Formular angezeigt.

Schritt 2. Vorlage anpassen

  1. Geben Sie die Template Name für Ihre benutzerdefinierte Kopfzeile.

  2. Geben Sie einen Template Subject um die Vorlagen zu organisieren.

    Im Raster kann die Liste der Vorlagen nach der Subject ​Spalte.

    Kopfzeileninformationen von E-Mail-Vorlagen {width="600" modal="regular"}

  3. Im Template Content ändern Sie die HTML nach Bedarf.

    note note
    NOTE
    Achten Sie bei der Arbeit mit dem Vorlagencode darauf, keine doppelten Klammern zu überschreiben.

  4. So fügen Sie eine Variableplatzieren Sie den Cursor in den Code, in dem Sie die Variable platzieren möchten, und klicken Sie auf Insert Variable.

  5. Wählen Sie die einzufügende Variable aus.

    Kopfzeilenvorlage - Variable einfügen {width="600" modal="regular"}

    Wenn eine Variable ausgewählt wird, wird eine Markup-Tag für die Variable im 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 benutzerdefinierte Variable direkt in die Vorlage ein.

  6. Wenn Sie CSS-Deklarationen vornehmen müssen, geben Sie die Stile in die Template Styles ankreuzen.

  7. Wenn Sie bereit sind, Ihre Arbeit zu überprüfen, klicken Sie auf Preview Template.

    Nehmen Sie die erforderlichen Änderungen an der Vorlage vor.

  8. Wenn Sie fertig sind, klicken Sie auf Save Template.

    Ihr benutzerdefinierter Header wird nun in der Liste der verfügbaren E-Mail-Vorlagen angezeigt.

Schritt 3. Konfiguration aktualisieren

  1. Im Admin Seitenleiste, navigieren Sie zu Content > Design>Configuration.

  2. Suchen Sie im Raster nach der Store-Ansicht, die Sie konfigurieren möchten, und klicken Sie auf Edit im Action ​Spalte.

  3. Hinunter scrollen und erweitern Erweiterungsauswahl die Transactional Emails Abschnitt.

  4. Wählen Sie die Header Template wird als Standard für E-Mail-Benachrichtigungen verwendet.

  5. Wenn Sie fertig sind, klicken Sie auf Save Config.

Konfiguration des E-Mail-Designs für Transaktionen - Kopfzeilenvorlage

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

  1. Im Admin Seitenleiste, navigieren Sie zu Marketing > Communications>Email Templates.

  2. Klicken Add New Template.

  3. Im Load default template klicken Sie auf die Template auswählen Magento_Email > Footer.

  4. Klicken Load Template.

    Der HTML-Code und die Variablen aus der Vorlage werden im Formular angezeigt.

Schritt 2. Vorlage anpassen und in der Vorschau anzeigen

  1. Geben Sie die Template Name für Ihre benutzerdefinierte Fußzeile.

  2. Geben Sie einen Template Subject um die Vorlagen zu organisieren.

    Im Raster können die Vorlagen nach der Subject ​Spalte.

    Fußzeile der E-Mail-Vorlage - Informationen {width="600" modal="regular"}

  3. Im Template Content ändern Sie die HTML nach Bedarf.

    note note
    NOTE
    Achten Sie bei der Arbeit mit dem Vorlagencode darauf, keine doppelten Klammern zu überschreiben.

  4. So fügen Sie eine Variableplatzieren Sie den Cursor in den Code, in dem Sie die Variable platzieren möchten, und klicken Sie auf Insert Variable.

  5. Wählen Sie die einzufügende Variable aus.

    Wenn eine Variable ausgewählt wird, wird eine Markup-Tag für die Variable im Code eingefügt.

    Auch wenn die Variablen Store Contact am häufigsten in der Fußzeile enthalten sind, können Sie den Code für jedes System eingeben oder benutzerdefinierte Variable direkt in die Vorlage ein.

  6. Wenn Sie CSS-Deklarationen vornehmen müssen, geben Sie die Stile in die Template Styles ankreuzen.

Schritt 3. Konfiguration aktualisieren

  1. Im Admin Seitenleiste, navigieren Sie zu Content > Design>Configuration.

  2. Suchen Sie im Raster nach der Store-Ansicht, die Sie konfigurieren möchten, und klicken Sie auf Edit im Action ​Spalte.

  3. Hinunter scrollen und erweitern Erweiterungsauswahl die Transactional Emails Abschnitt.

  4. Wählen Sie die Footer Template wird als Standardfußzeile in E-Mail-Benachrichtigungen verwendet.

  5. Wenn Sie fertig sind, klicken Sie auf Save Config.

Konfiguration des E-Mail-Designs für Transaktionen - Fußzeilenvorlage

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 vordefiniert Variablen und custom Variablen, die Sie erstellen und in die Vorlage integrieren können.

Schritt 1. Laden der Standardvorlage

  1. Im Admin Seitenleiste, navigieren Sie zu Marketing > Communications>Email Templates.

  2. Klicken Add New Template.

    E-Mail-Vorlagen - Standardvorlage laden {width="600" modal="regular"}

  3. Gehen Sie wie folgt vor:

    • under Load default template, wählen Sie die Template , die Sie anpassen möchten.

    • Klicken Load Template.

Schritt 2. Vorlage anpassen

  1. Für Template Name Geben Sie einen Namen für Ihre benutzerdefinierte Vorlage ein.

  2. Ä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.

  3. Beachten Sie die Currently Used For Pfad zur Vorlage, die den Pfad zum Aktualisieren der Konfiguration darstellt.

    E-Mail-Vorlagen - Vorlageninformationen {width="600" modal="regular"}

  4. Im Template Content ändern Sie 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.

  5. 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 vordefiniert und custom Variablen, falls verfügbar.

  6. Klicks Insert Variable und wählen Sie die einzufügende Variable aus.

    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

  7. Um CSS-Deklarationen vorzunehmen, geben Sie die Stile in Template Styles.

    E-Mail-Vorlagen - benutzerdefinierte Stile hinzufügen {width="600" modal="regular"}

    note note
    NOTE
    Benutzerdefinierte Stile werden nur dann auf die E-Mail angewendet, wenn {{template config_path="design/email/header_template"}} ist im Template Styles. Um benutzerdefinierte CSS ohne standardmäßige Kopfzeilenvorlage zu verwenden, müssen Sie sie hier im <style> HTML-Tag.

Schritt 3. Konfiguration aktualisieren

Die Currently Used For ​Breadcrumb-Pfad zeigt an, wo die Vorlage verwendet wird. In diesem Beispiel befindet sich die Vorlagenkonfiguration im​ Customer Configuration in der Create New Account Options ​und im Abschnitt​ Default Welcome Email -Feld.

  • Seite - Customer Configuration
  • Abschnitt - Create New Account Options
  • Feld - Default Welcome Email

  1. Im Currently Used For Breadcrumb-Pfad klicken Sie auf den Link, um die Seite mit der Vorlagenkonfiguration zu öffnen.

    Aktuelle E-Mail-Vorlage {width="600" modal="regular"}

  2. Erweitern Erweiterungsauswahl und suchen Sie das Feld für die von Ihnen angepasste E-Mail-Vorlage.

  3. Löschen Sie die Use system value und klicken Sie auf den Namen Ihrer benutzerdefinierten Vorlage.

    Kundenkonfiguration - Standard-E-Mail-Vorlage für Begrüßungs-Kunden {width="600" modal="regular"}

  4. Wenn Sie fertig sind, klicken Sie auf Save Config.

  5. Klicken Sie in der Meldung oben im Arbeitsbereich auf Cache Management und leeren Sie alle ungültigen Cache.

Schritt 4. Vorschau erstellen und speichern

  1. Wenn Sie bereit sind, Ihre Arbeit zu überprüfen, klicken Sie auf Preview Template.

  2. Aktualisieren Sie die Vorlage nach Bedarf.

  3. Wenn Sie fertig sind, klicken Sie auf Save Template.

    Ihre benutzerdefinierte Vorlage ist jetzt in der Liste der E-Mail-Vorlagen verfügbar.

recommendation-more-help
d3c62084-5181-43fb-bba6-1feb2fcc3ec1