So passen Sie WooCommerce-E-Mails an und zeigen sie vor dem Senden in der Vorschau an

Kämpfen Sie mit der Anpassung von WooCommerce-E-Mails ?

WooCommerce bietet bereits automatisierte Transaktions-E-Mails für über 10 Aktionen wie neue Bestellungen, bearbeitete Bestellungen und neue Konten. Wahrscheinlich möchten Sie diese E-Mails jedoch anpassen, um sie zu Ihren eigenen zu machen.

In diesem Schritt-für-Schritt-Tutorial erfahren Sie, wie Sie WooCommerce-E-Mails mithilfe der integrierten Einstellungen in WooCommerce sowie einiger kostenloser oder kostenpflichtiger Plugins anpassen, mit denen Sie noch mehr Kontrolle über die E-Mails Ihres Shops erlangen können.

Inhaltsverzeichnis:

Warum sollten Sie WooCommerce-E-Mails anpassen?

• Um vom Standard-WooCommerce-Lila zu einer Farbe zu wechseln, die besser zu Ihrer Marke passt.
• Zum Hinzufügen von Personalisierung und einer Markenstimme zu E-Mail-Vorlagen.
• Um Einstellungen wie den „Von“-Namen oder die „Von“-Adresse zu ändern.
• So fügen Sie Medienelemente wie ein Logo, ein Header-Bild oder animierte GIFs hinzu.
• Um einige der automatisierten Nachrichten zu deaktivieren, die nicht zu Ihrem Betrieb passen.
• Um auf Support-Seiten, Upsells oder Werbeaktionen zu verlinken.
• Um zwischen HTML- und Text-E-Mail-Typen zu wechseln.
• Um eine Vorschau der E-Mail anzuzeigen, bevor Sie sie für die Automatisierung aktivieren.

So passen Sie WooCommerce-E-Mails an

Mit nur den integrierten Einstellungen in WooCommerce können Sie mehrere Teile Ihrer WooCommerce-E-Mails anpassen, darunter:

• E-Mail-Absenderoptionen ️
• Das allgemeine E-Mail-Thema
• Spezifischer E-Mail-Inhalt

Im Folgenden zeigen wir Ihnen, wie Sie diese integrierten Einstellungen anpassen können. Danach werden wir auch einige WooCommerce-E-Mail-Anpassungs-Plugins teilen, die Ihnen bei Bedarf noch mehr Flexibilität bieten.

Schritt 1: Gehen Sie zu den E-Mail-Einstellungen in WooCommerce

Navigieren Sie in Ihrem WordPress-Dashboard zu WooCommerce > Einstellungen > E-Mails . Hier sehen Sie eine Überschrift für E-Mail-Benachrichtigungen sowie eine Liste der Standard-Benachrichtigungs-E-Mails, die WooCommerce bereits für Sie konfiguriert hat.

Schritt 2: Passen Sie die E-Mail-Absenderoptionen und die Vorlage an

Scrollen Sie an der Liste der E-Mail-Benachrichtigungen vorbei, um den Abschnitt „E-Mail-Absenderoptionen“ zu finden.

Sie sehen zwei Felder:

• „Von“-Name: Der Name, den Kunden sehen, wenn sie eine E-Mail erhalten – halten Sie sich an den Firmennamen oder möglicherweise an eine echte Person, wenn sie Teil Ihrer Markenstrategie ist.
• „Von“-Adresse: die „Von“-E-Mail-Adresse, die Benutzer kontaktieren können, wenn sie auf die automatisierte E-Mail antworten.

Ändern Sie diese Felder nach Bedarf.

Im Abschnitt E-Mail-Vorlage können Sie mit dem Anpassen von Elementen beginnen wie:

• Header-Bild
• Fusszeile
• Grundfarbe
• Hintergrundfarbe des Körpers
• Farbe des Haupttexts

Wenn Sie der E-Mail ein benutzerdefiniertes Kopfzeilenbild hinzufügen möchten, fügen Sie die URL des Bildes in das Feld „ Kopfzeilenbild“ ein. Sie können ein Bild in Ihrer WordPress-Medienbibliothek hosten und die Bild-URL von dort abrufen.

Wir empfehlen außerdem, den Text „Built with WooCommerce“ aus der Fußzeile zu entfernen. In der Fußzeile können Sie gerne alles andere hinzufügen, was Sie möchten.

Weiter unten im Bereich E- Mail-Vorlage finden Sie Farbeinstellungen für die allgemeine E-Mail-Vorlage von WooCommerce. Wie bereits erwähnt, fügt WooCommerce automatisch sein Standard-Lila als Grundfarbe hinzu, was nicht das ist, was Sie möchten, wenn Sie einen Online-Shop betreiben .

Wählen Sie als Grundfarbe eine Farbe , die Ihrer Marke entspricht, und ändern Sie bei Bedarf die anderen Farbfelder.

Klicken Sie abschließend auf Änderungen speichern .

Schritt 3: Passen Sie bestimmte WooCommerce-E-Mails an

Von E-Mails für neue Bestellungen bis hin zu E-Mails für abgeschlossene Bestellungen bietet WooCommerce voreingestellte Vorlagen, die automatisch an Website-Administratoren und Kunden gesendet werden, um alle über Bestellungen auf dem Laufenden zu halten. Dennoch möchten Sie einige dieser E-Mails anpassen, um Ihre eigenen Inhalte aufzunehmen und einige unnötige WooCommerce-Standardeinstellungen zu entfernen.

Schließen Sie diese individuellen E-Mail-Anpassungen ab, indem Sie neben der E-Mail, die Sie bearbeiten möchten, auf Verwalten klicken. Es ist keine schlechte Idee, mit den E-Mails „Bestellung bearbeiten “ und „Bestellung abgeschlossen“ zu beginnen, da diese vom Kunden am häufigsten angesehen werden.

Gehen Sie je nach Bedarf durch die folgenden Felder:

• Aktivieren deaktivieren
• Thema
• E-Mail-Überschrift
• Zusätzlicher Inhalt

Wir empfehlen, alle WooCommerce-E-Mails aktiviert zu lassen, es sei denn, Sie haben einen besonderen Umstand, in dem Sie keine davon benötigen, oder wenn Sie beabsichtigen, ein separates Plugin für Transaktions-E-Mails zu verwenden.

Felder wie Betreff , E- Mail-Überschrift und Zusätzlicher Inhalt bestimmen Ihren gesamten E-Mail-Inhalt, passen Sie ihn also nach Bedarf an.

Klicken Sie auf das „?“ Symbole, um zu sehen, welche dynamischen Platzhalter zum Einfügen in die Inhaltsfelder verfügbar sind. Sie können beispielsweise einen Platzhalter verwenden, damit WooCommerce in jeder E-Mail einen Link zu Ihrer Website einfügt.

Schritt 4: Machen Sie daraus eine HTML- oder Nur-Text-E-Mail

Klicken Sie auf das Feld E- Mail-Typ , um Ihre Optionen anzuzeigen. Wählen Sie eine der folgenden Optionen aus:

• Einfacher Text: E-Mails ohne Bilder oder Formatierung
• HTML: E-Mails mit umfangreichen Inhalten wie Bildern, Tabellen und Formatierungen
• Multipart: Dieser wechselt dynamisch zwischen reinem Text und HTML basierend auf dem E-Mail-Client des Benutzers, da einige Clients keine HTML-E-Mails unterstützen

Schritt 5: Erwägen Sie, die HTML-Vorlage zu bearbeiten

Ganz unten auf der Seite sehen Sie einen Abschnitt namens „HTML-Vorlage“. WooCommerce hat keinen Drag-and-Drop-Editor für seine E-Mails, aber Sie können den HTML-Code jeder E-Mail anpassen.

Klicken Sie auf die Schaltfläche Vorlage anzeigen, um den Code anzuzeigen.

WooCommerce sperrt seine Standard-HTML-Vorlage, sodass Sie nichts bearbeiten können. Sie können jedoch auf die Schaltfläche „ Datei in Design kopieren “ klicken, um die Vorlage zu überschreiben und zu bearbeiten.

Danach können Sie den Cursor in den Texteditor setzen und Änderungen vornehmen. Wir empfehlen die Verwendung dieses Abschnitts nur, wenn Sie sich mit HTML auskennen.

Wenn Sie diesen Code nicht direkt bearbeiten möchten, sollten Sie vielleicht einen WordPress-Entwickler beauftragen. Oder Sie können eines der WooCommerce-E-Mail-Plugins ausprobieren, die wir im nächsten Abschnitt vorstellen.

Und so passen Sie WooCommerce-E-Mails an! Klicken Sie auf die Schaltfläche Änderungen speichern , um den Vorgang abzuschließen.

So zeigen Sie eine Vorschau von WooCommerce-E-Mails an

Sie müssen Ihre Transaktions-E-Mails in der Vorschau anzeigen, bevor sie an Kunden gesendet werden. Auf diese Weise können Sie auf Rechtschreibfehler, WooCommerce-Branding, das geändert werden muss, und Möglichkeiten für Werbeaktionen oder Upsells prüfen.

So können Sie eine Vorschau Ihrer WooCommerce-E-Mails anzeigen.

Schritt 1: Zeigen Sie eine visuelle Vorschau Ihrer allgemeinen E-Mail-Vorlage an

Suchen Sie unter WooCommerce > Einstellungen > E-Mails den Abschnitt E- Mail-Vorlage und klicken Sie auf den Link „Klicken Sie hier, um eine Vorschau Ihrer E-Mail-Vorlage anzuzeigen“.

Dadurch wird ein neues Browserfenster geöffnet, in dem die E-Mail mit Ihren angegebenen allgemeinen E-Mail-Einstellungen angezeigt wird. Sie sollten neue Farben, ein Kopfbild und eine bearbeitete Fußzeile sehen, wenn Sie das alles geändert haben. Beachten Sie, dass der Inhalt für die Vorlagenvorschau generisch bleibt.

Schritt 2: Führen Sie Testtransaktionen durch, um die einzelnen E-Mails mit dynamischem Inhalt anzuzeigen

Sie möchten höchstwahrscheinlich die tatsächlichen E-Mails sehen, die an Kunden gehen, aber WooCommerce fehlen die Funktionen, um diese visuellen Vorschauen anzuzeigen. Stattdessen müssen Sie Testtransaktionen ausführen, um die E-Mails an Ihren eigenen Posteingang auszulösen.

So geht's:

1. Stellen Sie sicher, dass WooCommerce-Zahlungen und die Stripe-Zahlungsmethode aktiviert sind.
2. Fügen Sie Ihrem Warenkorb einen Artikel hinzu und geben Sie die Informationen ein, als wären Sie ein Kunde.
3. Fügen Sie im Feld E-Mail Ihre E-Mail-Adresse hinzu.
4. Verwenden Sie im Kreditkartenfeld eine der Stripe-Testkarten, um eine Zahlung zu verarbeiten.
5. Auschecken beenden.

Die Testtransaktion sollte Ihnen eine Auftragsabwicklungs -E-Mail senden, mit der Sie sehen können, wie die E-Mails für Kunden gerendert werden. Überprüfen Sie, ob die dynamischen Tags richtig angezeigt werden und ob Ihr gesamtes Branding und der eingefügte Text richtig angezeigt werden.

Um andere E-Mails auszulösen, gehen Sie zu WooCommerce > Bestellungen und passen Sie das Feld Status auf etwas anderes an. Als Beispiel könnten Sie es auf Abgeschlossen umstellen, um die E-Mail Abgeschlossene Bestellung von WooCommerce auszulösen. Stellen Sie sicher, dass Sie auf die Schaltfläche Aktualisieren klicken, um die Änderung zu speichern.

Dann wird es an Ihren Posteingang gesendet, damit Sie es überprüfen können.

Um den Prozess zu vereinfachen, können Sie ein Plugin wie WooCommerce Email Test in Betracht ziehen.

Plugins, die helfen, WooCommerce-E-Mails anzupassen

Mehrere Plugins bieten erweiterte WooCommerce-E-Mail-Anpassungstools, die entweder die aktuellen Funktionen in WooCommerce erweitern oder sie für ein benutzerfreundlicheres (normalerweise Drag-and-Drop) Erlebnis vollständig überschreiben.

Hier sind einige WooCommerce Customizer-Plugins, die Sie in Betracht ziehen sollten:

Sie können WooCommerce-Transaktions-E-Mails auch mit einem E-Mail-Marketing-Service wie Omnisend, MailPoet oder Sendinblue außer Kraft setzen, die alle E-Commerce-Automatisierung und zusätzliche Optionen für Dinge wie die Wiederherstellung aufgegebener Warenkörbe bieten.

Passen Sie Ihre WooCommerce-E-Mails noch heute an

Die meisten jungen E-Commerce-Shops können mit den grundlegenden WooCommerce-E-Mail-Anpassungen davonkommen, aber wir empfehlen, irgendwann für einen Premium-E-Mail-Editor wie eines der oben beschriebenen Plugins oder E-Mail-Marketing-Software zu bezahlen.

Sobald Sie die Transaktions-E-Mails Ihres Shops herausgefunden haben, können Sie unseren Leitfaden zum WooCommerce-E-Mail-Marketing lesen, um auch Ihre Marketing-E-Mails auf den Punkt zu bringen.

Wenn Sie weitere Informationen zum Anpassen von WooCommerce-E-Mails benötigen oder Ihre Tipps mit anderen Benutzern teilen möchten, die ihre E-Mails bearbeiten, hinterlassen Sie uns eine Nachricht in den Kommentaren!