So passen Sie die E-Mail-Vorlagen für Order Delivery Date Pro mit Yaymail an

Wenn Sie sich ein wenig mehr Mühe mit Ihrem Aussehen geben, kann dies viel bewirken. Stellen Sie sich nun vor, Ihr Produkt in Ihrer Nachtwäsche an einen Kunden zu vermarkten. Auch wenn es komisch klingen mag, ich denke, wir sind uns alle einig, dass die Wahrscheinlichkeit, dass dieser Kunde Ihr Produkt kauft, sehr gering sein könnte. Betrachten Sie Ihre E-Mail-Designvorlagen als das Outfit – den Auftritt Ihrer Marke in der ganzen Welt. Wenn Sie es ein wenig aufpeppen, wird Ihre Marke nicht nur herausstechen, sondern auch die Aufmerksamkeit des Lesers auf sich ziehen. Möglicherweise wissen Sie bereits, wie unser Plugin Order Delivery Pro für Woocommerce eine Möglichkeit bietet, Liefererinnerungs-E-Mails zu versenden. Mit Hilfe des WooCommerce-E-Mail-Vorlagenanpassungs- und Vorschau-Plugins Yaymail können Sie die E-Mail-Vorlagen von Order Delivery Date Pro für WooCommerce anpassen.

Wir stellen Yaymail vor – ein WooCommerce-Anpassungs- und Vorschau-Plugin

Meistens bleiben WooCommerce-Benutzer mit den langweiligen Standard-E-Mail-Vorlagen hängen, die von jedem einzelnen WooCommerce-Shop verwendet werden. Betritt Yaymail, ein WooCommerce-E-Mail-Vorlagenanpassungs- und E-Mail-Vorschau-Plugin , das Ihnen dabei hilft, sich darum zu kümmern. Wenn Sie bereit sind, ein wenig mehr auszugeben, um Ihre Marke hervorzuheben und sicherzustellen, dass Ihre Kunden darauf aufmerksam werden, können Sie dieses Plugin verwenden, um „Ihre E-Mails zu verschönern, Änderungen, die Sie an der E-Mail-Vorlage vorgenommen haben, in der Vorschau anzuzeigen und Kunden zum Kommen zu bewegen zurück für mehr."

Einige der Funktionen von Yaymail sind:

• Einfaches Hinzufügen von Spalten und Elementblöcken
• Bearbeiten von Inhalten und Medien in einem einzigen Fenster
• Anpassen von Schriftart, Farbe, Hintergrund, Polsterung usw. in den E-Mail-Vorlagen
• Live-Vorschau Ihrer E-Mail-Vorlage
• Speichern und Senden einer Test-E-Mail
• 20+ Elemente

Mit dem Yaymail-Plugin zur Anpassung von WooCommerce-E-Mail-Vorlagen können Sie Elemente einfach per Drag-and-Drop in Ihre E-Mail-Vorlagen ziehen. Selbst ein Anfänger kann leicht herausfinden, wie man dieses Plugin verwendet.

Bestelllieferdatum Pro & WooCommerce E-Mail-Vorlagenanpassung und Vorschau-Plugin – Yaymail

Um die E-Mail-Vorlagen Ihres Order Delivery Dat Pro neu zu gestalten, benötigen Sie:

• Order Delivery Date Pro für das WooCommerce-Plugin ($99)
• Yaymail-Plugin (kostenlos)
• Yaymail Premium Addon für Order Delivery Date Pro ($39)

Nachdem Sie diese zu Ihrem WooCommerce-Shop hinzugefügt haben, können Sie auf die E-Mail-Vorlagen Ihres Order Delivery Date Pro for WooCommerce-Plugins über WooCommerce > Einstellungen > E-Mails zugreifen, wie unten gezeigt:

Sobald Sie hier angekommen sind, können Sie nach unten scrollen, um die Pro-Vorlagen für das Bestelllieferdatum wie folgt zu finden:

Klicken Sie auf die Option „Mit YayMail anpassen“ der E-Mail-Vorlage, die Sie neu gestalten möchten.

E-Mail-Vorlage 1: Lieferdatum und -uhrzeit aktualisiert

Angenommen, Sie möchten die E-Mail-Vorlage „ Lieferdatum und -uhrzeit aktualisiert “ anpassen. Nachdem Sie auf „Mit YayMail anpassen“ geklickt haben, sieht die Vorlage folgendermaßen aus:

Im obersten Teil der Vorlage finden Sie die folgenden Details:

Der WooCommerce Email Customizer hilft Ihnen bei der Auswahl verschiedener Elemente oder Blöcke und ihrer verschiedenen Designs, die Sie Ihrer Vorlage hinzufügen können.

Mit Hilfe der Einstellung neben dem Customizer können Sie die E-Mail-Vorlagen wie die Vorlage „Lieferdatum und -uhrzeit aktualisiert“ aus der Dropdown-Option auswählen. Direkt daneben finden Sie das Dropdown-Menü, um die E-Mail-Vorlage einer bestimmten Bestellung auszuwählen. Zum Beispiel 325- TanishaMehta. Dann haben Sie verschiedene andere Optionen wie Shortcodes, Test-E-Mail senden, Leere Vorlage, Vorlage kopieren, Vorlage zurücksetzen .

Wenn Sie als Nächstes die Vorlage nach dem Erstellen einschalten möchten, können Sie dies tun, indem Sie die Vorlage aktivieren . Sie können sogar eine Vorschau anzeigen, wie die Vorlage auf Desktop-Geräten oder Mobilgeräten angezeigt wird, indem Sie auf die Option „Vorschau“ klicken. Schließlich können Sie die entworfene E-Mail-Vorlage „speichern“ , sobald Sie mit den Änderungen fertig sind. Beginnen wir mit der Anpassung der E-Mail-Vorlage Delivery Date & Time Updated .

Zuerst ändern wir das Logo dieser E-Mail-Vorlage. Suchen Sie das WooCommerce-Logo in der E-Mail-Vorlage und klicken Sie darauf. Auf der linken Seite finden Sie die Option zum Bearbeiten des Logos, wo Sie das Bild, seine Ausrichtung, seine Auffüllung usw. ändern können. So wird es aussehen:

Als Nächstes laden wir stattdessen unser eigenes Logo hoch, nachdem wir auf die Option „Bild ändern“ geklickt haben. Gleichzeitig fügen wir eine URL für das Logo hinzu, ändern seine Hintergrundfarbe in einen Blauton und ändern seine Breite in 150 Pixel . Die Änderungen werden direkt in der Vorlage angezeigt, wie Sie unten sehen können:

Anschließend ändern wir nun die E-Mail-Überschrift , indem wir darauf klicken. Wir ändern die Hintergrundfarbe von Lila in Weiß und die Textschriftfarbe in unseren vorherigen Blauton. Wir werden auch die Schriftart selbst ändern. Hier haben wir uns für „Arial Black“, Gadget, serifenlose Schrift entschieden:

Jetzt werden wir das Textelement bearbeiten, das besagt: „Das Lieferdatum und die Uhrzeit wurden vom Kunden aktualisiert. Die Einzelheiten der Bestellung und die aktualisierten Lieferdetails lauten wie folgt.“ In Anlehnung an unsere vorherige Schriftfamilie werden wir das Gleiche auch hier anwenden. Wir haben auch einige Änderungen an der Auffüllung des Textes vorgenommen, wie Sie unten sehen können:

Ebenso haben wir auch die Änderungen an der Tabelle der E-Mail-Vorlage in Bezug auf Farbe, Auffüllung der Schriftart usw. vorgenommen.

Jetzt möchten wir unsere Social-Media-Symbole zur E-Mail-Vorlage hinzufügen. Dazu gehen wir zu WooCommerce Email Customizer > Elements > Social Icon und ziehen dieses Element dann in die E-Mail-Vorlage.

Nach dem Ziehen löschen wir die nicht benötigten sozialen Symbole und fügen diejenigen hinzu, die wir benötigen. Zum Beispiel behalten wir das Facebook-Symbol bei und fügen auch das Twitter-Symbol hinzu. Wir fügen den URL-Link hinzu, der geöffnet wird, sobald eine Person auf das Social-Media-Symbol klickt.

Hier können wir Änderungen an der Größe des Symbols, seinem Abstand, der Hintergrundfarbe und vielem mehr vornehmen. So sieht es aus, nachdem Sie diese Änderungen vorgenommen haben:

Zu guter Letzt haben wir auch die folgenden Änderungen an unserer Fußzeile vorgenommen:

Nachdem Sie alle diese Änderungen vorgenommen haben, können Sie auf die Schaltfläche „Speichern“ klicken, die sich ganz rechts oben auf der Seite befindet. Wenn wir auf die Option „Vorschau“ klicken, sieht unsere neu gestaltete Vorlage folgendermaßen aus:

Mal sehen, wie die Vorlage im Posteingang angezeigt wird:

E-Mail-Vorlage 2: Liefererinnerung

Lassen Sie uns die E-Mail-Vorlage „Lieferungserinnerung“ anpassen. Dafür haben wir die Bestellnummer 143 genommen. So sieht die Standard-E-Mail-Vorlage aus:

Wir beginnen damit, dass wir zunächst das Logo ersetzen, so wie wir es zuvor für die E-Mail-Vorlage „Lieferdatum und -zeit aktualisiert“ getan haben.

Dieses Mal wählen wir einen dunkleren Grauton für unsere Hintergrundfarbe sowie unsere E-Mail-Vorlage. Im weiteren Verlauf werden wir Änderungen an der E-Mail-Überschrift vornehmen. Wir personalisieren den Text, indem wir „Hey there!“ hinzufügen. vor „Dies ist Ihre Liefererinnerung“.

Wir verschieben es dann in die Mitte und ändern sogar die Hintergrundfarbe in etwas Dunkleres. Wir behalten unsere Schriftfarbe in Weiß bei und ändern die Textschriftart in Tahoma, Geneva, Sans-Serif, wie Sie unten sehen können:

Als nächstes ändern wir den Text, der unseren Kunden anspricht, mit den folgenden Änderungen:

Wir fahren dann mit dem Text fort, der die Bestelldetails anzeigt. Aus diesem Grund möchten wir es fett markieren, damit der Kunde versteht, von wo aus er genau mit dem Lesen beginnen kann, um mehr über seine Bestelldetails zu erfahren.

Anschließend bearbeiten wir das Design des Bestellartikels mit unseren zuvor ausgewählten Farben für Hintergrundfarbe, Titelfarbe, Rahmenfarbe und Textfarbe, wie unten gezeigt:

Lassen Sie uns auch den Text Bestellung anzeigen ändern, indem wir ihn in die Mitte verschieben und seine Hintergrundfarbe in ein dunkleres Blau ändern, das den Kunden anzieht.

Jetzt möchten wir den Abschnitt „Bestelldetails“ der E-Mail trennen, also gehen wir zu „ Elemente“ > „Allgemein“ > „Teiler“ und ziehen dieses Element in die Vorlage.

Wir haben die notwendigen Änderungen wie Zeilenhöhe, -breite, -farbe usw. an der Trennlinie vorgenommen, und danach werden sie wie folgt aussehen:

Lassen Sie uns genau wie bei unserer ersten E-Mail-Vorlage unsere Social-Media-Symbole hinzufügen, damit unsere Kunden uns folgen und über unsere neuesten Produkte informiert werden können. Wir gehen zu Elements > Social Icons .

Sobald wir es ziehen, sieht es so aus:

Wir werden zuerst die Youtube- und Linkedin-Symbole verwerfen, indem wir auf das Papierkorbsymbol klicken.

Dann fügen wir das Twitter-Symbol hinzu und nehmen Änderungen an Symbolabstand, Breite und sogar seinem Stilthema vor .

Jetzt möchten wir den Text nicht anzeigen, der besagt, dass unsere Website mit WooCommerce erstellt wurde. Wir werden es also löschen, indem wir auf die drei Punkte und dann auf die Option „Entfernen“ klicken.

Lassen Sie uns stattdessen ein paar Bilder unserer Produkte für den Kunden hinzufügen. Gehen Sie zu Elements und wählen Sie das Element „Image List“ und ziehen Sie es auf die Vorlage direkt unter „View Order“.

Hier werden wir drei Bilder anhängen, also wählen wir 3 Spalten. Nachdem wir jeder Spalte Bilder hinzugefügt haben, nehmen wir Änderungen an der Ausrichtung, der Hintergrundfarbe usw. vor.

Vergessen Sie nicht, den URL-Link des Produkts zum Bild hinzuzufügen , damit der Kunde, wenn er auf das Bild klickt, zur Produktseite dieses Artikels weitergeleitet wird.

Lassen Sie uns darüber einen Text hinzufügen, der besagt: "Einige andere Produkte, die Ihnen gefallen könnten", einfach so:

Zum Schluss fügen wir das Logo unserer Marke am Ende der Vorlage hinzu, indem wir das Element „Logo“ aus dem WooCommerce Email Customizer auswählen.

Nachdem Sie unser Logo, unsere URL und andere Besonderheiten hinzugefügt haben, ist unsere E-Mail-Vorlage für Liefererinnerungen fertig. Wir werden es speichern und so wird es aussehen:

Lassen Sie uns nun eine Test-E-Mail senden. So sieht die Test-E-Mail im Posteingang Ihres Kunden aus:

E-Mail-Vorlage 3: Admin-Zustellungserinnerung

Lassen Sie uns abschließend die E-Mail-Vorlage „Admin Delivery Reminder“ neu gestalten. So sieht die Standard-E-Mail-Vorlage aus:

Beginnen wir damit, unser Logo einzufügen und es im Vergleich zu vorher kleiner zu machen.

Als Nächstes ändern wir die E-Mail-Überschrift, damit sie zu unserem blauen ästhetischen Farbschema passt.

Als Nächstes ändern wir den Standardtext in „Hier ist die Erinnerung für Ihre Lieferung morgen“ . Wir machen es fett und vergrößern auch die Schriftgröße:

Als nächstes möchten wir dem Administrator die Versand- und Rechnungsadresse anzeigen. Wir fügen also das Element „Rechnungslieferadresse“ hinzu, indem wir es direkt unter das Textelement „Hier ist die Erinnerung für Ihre Lieferung morgen“ ziehen.

Wir ändern auch seine Farbe in etwa so:

Als Nächstes möchten wir dem Administrator auch die Liste der Bestellartikel anzeigen, also wählen wir das Element „Bestellartikel“ aus.

Nachdem Sie das Element auf die E-Mail-Vorlage gezogen haben, erscheinen unsere Bestelldetails direkt darauf. Wir können den Hintergrund und die Farbe wie unten gezeigt ändern:

Wir möchten nicht, dass das standardmäßige Textelement mit WooCommerce erstellt wurde, also werden wir es wie folgt „entfernen“ :

Um die Vorlage einheitlich und markengerecht erscheinen zu lassen, fügen wir am Ende das Logo unserer Marke wie folgt hinzu:

So wird unsere E-Mail-Vorlage für die Admin-Liefererinnerung nach diesen Änderungen aussehen:

Wir können diese Vorlage auch als Test-E-Mail versenden. So wird die Admin-Zustellungserinnerung im Posteingang Ihres Administrators angezeigt:

Fazit

In diesem Beitrag haben wir behandelt, wie Sie die drei verschiedenen E-Mail-Vorlagen unseres Order Delivery Date Pro-Plugins mit dem WooCommerce-E-Mail-Vorlagen-Anpassungs-Plugin Yaymail neu gestalten können. Obwohl wir nur einige der Funktionen von Yaymail behandeln konnten, sind wir sicher, dass Designexperten andere Elemente wie das Anhängen von Videos oder sogar Schaltflächen an ihre E-Mail-Vorlagen verwenden können.

Erforschen Sie weiter und teilen Sie uns in den Kommentaren unten mit, wie Sie Ihre Pro-E-Mails zum Lieferdatum Ihrer Bestellung mit Yaymail anpassen konnten!