DokumentationCommerceHandbuch für Admin-Systeme

E-Mail-Vorlagen anpassen

Last update: Wed Dec 18 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Erstellt für:

  • Einsteiger
  • Fortgeschrittener
  • Admin
  • Führungskraft

Commerce enthält eine standardmäßige E-Mail-Vorlage für den Hauptteil jeder Nachricht, die vom System gesendet wird. Die Vorlage für den Hauptteil des Inhalts wird mit den Kopf- und Fußzeilenvorlagen kombiniert, um die vollständige 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, jeden Store oder jede Store-Ansicht angepasst werden. Wenn Sie benutzerdefinierte Vorlagen verwenden, aktualisieren Sie die Systemkonfiguration um sicherzustellen, dass die richtige Vorlage verwendet wird. Informationen dazu, wie Sie bedingte Anweisungen zum Anpassen der E-Mail-Vorlage verwenden können, finden Sie unter Entwicklerdokumentation.

Beispiel - Vorschau für Willkommens-E-Mails {width="500" modal="regular"}

Die Standardvorlagen enthalten Ihr Logo und 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 {width="700" modal="regular"}

Vorlageninformationen

Feld
Beschreibung
Template Name
Der Name Ihrer benutzerdefinierten Vorlage.
Insert Variable
Fügt an der Cursorposition eine Variable 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 auf HTML.
Template Styles
Alle CSS-Stildeklarationen, die zum Formatieren der Vorlage erforderlich sind, können in das Template Styles ​eingegeben werden.

Kopfzeilenvorlage

Nach Abschluss der Konfiguration enthält die E-Mail-Header-Vorlage 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 dem Header Kontaktinformationen für den Store hinzuzufügen.

Schritt 1. Standardvorlage laden

  1. Navigieren Sie in Admin-Seitenleiste zu Marketing > Communications>Email Templates.

  2. Klicken Sie auf Add New Template.

  3. Klicken Sie im Abschnitt Load default template auf die Template und wählen Sie Magento_Email > Header.

    Kopfzeile einer E-Mail-Vorlage - Standardvorlage laden {width="600" modal="regular"}

  4. Klicken Sie auf Load Template.

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

Schritt 2. Anpassen der Vorlage

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

  2. Geben Sie eine Template Subject ein, um die Vorlagen zu organisieren.

    Im Raster kann die Liste der Vorlagen sortiert und nach der Subject ​Spalte gefiltert werden.

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

  3. Ändern Sie im Template Content die HTML nach Bedarf.

    note note
    NOTE
    Achten Sie beim Arbeiten im Vorlagen-Code darauf, keine Elemente zu überschreiben, die in doppelte Klammern eingeschlossen sind.

  4. Um eine Variable einzufügen, positionieren Sie den Cursor in dem Code, in dem Sie die Variable platzieren möchten, und klicken Sie auf Insert Variable.

  5. Wählen Sie die Variable aus, die Sie einfügen möchten.

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

    Wenn eine Variable ausgewählt wird wird ein „MarkupTag“ für die Variable in den Code eingefügt.

    Obwohl die Store-E-Mail-Adressvariablen die am häufigsten in der Kopfzeile enthaltenen Variablen sind, können Sie den Code für jedes System oder benutzerdefinierte Variable direkt in die Vorlage eingeben.

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

  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. Klicken Sie abschließend auf Save Template.

    Ihre benutzerdefinierte Kopfzeile wird jetzt in der Liste der verfügbaren E-Mail-Vorlagen angezeigt.

Schritt 3. Aktualisieren der Konfiguration

  1. Navigieren Sie in Admin-Seitenleiste zu Content > Design>Configuration.

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

  3. Scrollen Sie nach unten und erweitern Sie Erweiterungsauswahl den Abschnitt Transactional Emails .

  4. Wählen Sie die Header Template aus, die als Standard für E-Mail-Benachrichtigungen verwendet werden soll.

  5. Klicken Sie abschließend auf Save Config.

Konfiguration des Transaktions-E-Mail-Designs - Kopfzeilenvorlage {width="600" modal="regular"}

Die Fußzeile der E-Mail-Vorlage enthält die schließende und die Signaturzeile der E-Mail-Nachricht. Sie können den Abschluss an Ihren Stil anpassen und zusätzliche Informationen hinzufügen, z. B. den Firmennamen und die Adresse unter Ihrem Namen.

Schritt 1. Standardvorlage laden

  1. Navigieren Sie in Admin-Seitenleiste zu Marketing > Communications>Email Templates.

  2. Klicken Sie auf Add New Template.

  3. Klicken Sie im Abschnitt Load default template auf die Template und wählen Sie Magento_Email > Footer.

  4. Klicken Sie auf Load Template.

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

Schritt 2. Anpassen und Vorschau der Vorlage

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

  2. Geben Sie eine Template Subject ein, um die Vorlagen zu organisieren.

    Im Raster können die Vorlagen anhand der Spalte Subject ​sortiert und gefiltert werden.

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

  3. Ändern Sie im Template Content die HTML nach Bedarf.

    note note
    NOTE
    Achten Sie beim Arbeiten im Vorlagen-Code darauf, keine Elemente zu überschreiben, die in doppelte Klammern eingeschlossen sind.

  4. Um eine Variable einzufügen, positionieren Sie den Cursor in dem Code, in dem Sie die Variable platzieren möchten, und klicken Sie auf Insert Variable.

  5. Wählen Sie die Variable aus, die Sie einfügen möchten.

    Wenn eine Variable ausgewählt wird wird ein „MarkupTag“ für die Variable in den Code eingefügt.

    Obwohl die Store-Kontaktvariablen die am häufigsten in der Fußzeile enthaltenen sind, können Sie den Code für jedes System oder benutzerdefinierte Variable direkt in die Vorlage eingeben.

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

Schritt 3. Aktualisieren der Konfiguration

  1. Navigieren Sie in Admin-Seitenleiste zu Content > Design>Configuration.

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

  3. Scrollen Sie nach unten und erweitern Sie Erweiterungsauswahl den Abschnitt Transactional Emails .

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

  5. Klicken Sie abschließend auf Save Config.

Konfiguration des Transaktions-E-Mail-Designs - Fußzeilenvorlage {width="600" modal="regular"}

Nachrichtenvorlagen

Der Prozess zum Anpassen des Textkörpers jeder Nachricht ist derselbe wie beim Anpassen der Kopf- oder Fußzeile. Der einzige Unterschied besteht in der Nachrichtenvorlage für jede Aktivität oder jedes Ereignis, die bzw. das eine Benachrichtigung Trigger. Sie können die Vorlagen so verwenden, wie sie sind, oder sie an Ihre Stimme und Marke anpassen. Zusätzlich zum Vorlagentext gibt es eine breite Auswahl an zulässigen vordefinierten Variablen und benutzerdefinierten Variablen, die Sie erstellen und in die Vorlage integrieren können.

Schritt 1. Standardvorlage laden

  1. Navigieren Sie in Admin-Seitenleiste zu Marketing > Communications>Email Templates.

  2. Klicken Sie auf Add New Template.

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

  3. Gehen Sie folgendermaßen vor:

    • Wählen Sie unter Load default template die Template aus, die Sie anpassen möchten.

    • Klicken Sie auf Load Template.

Schritt 2. Anpassen der Vorlage

  1. Geben Sie Template Name 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 die Anrede ist. Sie können es unverändert lassen oder etwas Beschreibenderes eingeben.

  3. Notieren Sie sich den Currently Used For Pfad zur Vorlage. Dies ist der Pfad, der zum Aktualisieren der Konfiguration verwendet wird.

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

  4. Ändern Sie im 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 beim Arbeiten im Vorlagen-Code darauf, nicht versehentlich den Code einzugeben, der in doppelte Klammern eingeschlossen ist.

  5. Um eine Variable einzufügen, positionieren Sie den Cursor in dem Code, in dem die Variable angezeigt werden soll.

    Die Variablenauswahl variiert je nach Vorlage und umfasst zulässige vordefinierte und benutzerdefinierte Variablen, falls verfügbar.

  6. 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 wird 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 ein.

    E-Mail-Vorlagen - Hinzufügen benutzerdefinierter Stile {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"}} im Template Styles ​vorhanden ist. Um benutzerdefiniertes CSS ohne Standard-Header-Vorlage zu verwenden, müssen Sie sie hier im <style> HTML-Tag angeben.

Schritt 3. Aktualisieren der Konfiguration

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

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

  1. Klicken Sie im Currently Used For-Breadcrumb-Protokoll auf den Link, um die Seite Vorlagenkonfiguration zu öffnen.

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

  2. Erweitern Sie Erweiterungsauswahl den Abschnitt und suchen Sie das Feld für die E-Mail-Vorlage, die Sie angepasst haben.

  3. Deaktivieren Sie das Kontrollkästchen Use system value und klicken Sie auf den Namen Ihrer benutzerdefinierten Vorlage.

    Kundenkonfiguration - Standard-Willkommens-E-Mail-Vorlage {width="600" modal="regular"}

  4. Klicken Sie abschließend auf Save Config.

  5. Klicken Sie in der Meldung oben im Arbeitsbereich auf Cache Management und löschen Sie alle ungültigen Cache-Einträge.

Schritt 4. Vorschau anzeigen und Vorlage speichern

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

  2. Aktualisieren Sie die Vorlage nach Bedarf.

  3. Klicken Sie abschließend 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