DE
Kostenlos starten

Magento-E-Mail-Vorlagen: Kunden begeistern, Umsatz entfachen

Brauchen Sie neue HTML-E-Mail-Vorlagen für Magento? Wählen Sie eine unserer professionell gestalteten Vorlagen, bearbeiten Sie sie im No-Code-E-Mail-Editor und kopieren Sie den HTML-Code nach Magento! Unsere Vorlagen sind vollständig mit Magento kompatibel und sehen auf jedem Gerät großartig aus.

5 Gründe, Magento-E-Mail-Vorlagen in Blocks zu erstellen

Es gibt viele Gründe, Blocks als perfektes Tool für schöne Magento-E-Mail-Vorlagen im Handumdrehen auszuprobieren. In diesem Artikel stellen wir 5 Funktionen vor, die Ihnen die Entscheidung erleichtern. 

1. Wunderschöne Magento-E-Mail-Vorlagen für jede Branche 

Egal in welcher Nische Sie tätig sind: E-Commerce, Beauty, Finanzen, Immobilien und mehr. In Blocks erstellen Sie makellose E-Mail-Vorlagen für jede Branche. Möchten Sie nicht von vorn beginnen, gehen Sie zur Vorlagengalerie, suchen Sie mit Filtern nach Ihrer Branche, wählen Sie eine der Magento-E-Mail-Vorlagen, die Ihnen gefällt – fertig. Passen Sie sie nur noch schnell und einfach an die Anforderungen Ihrer Kampagne an. 

2. Keine Programmierkenntnisse nötig

Blocks ist ein No-Code-Editor. Wie Sie vielleicht schon ahnen, brauchen Sie kein Programmierwissen, um in wenigen einfachen Schritten schöne Magento-E-Mail-Vorlagen zu erstellen. Nehmen Sie entweder eine einsatzbereite Vorlage oder bauen Sie eine aus fertigen Strukturen und Elementen zusammen, passen Sie sie an, und Blocks schreibt den Code für Sie.

Für alle, die den Code lieben und mitgestalten möchten, gibt es auch eine Option: Öffnen Sie einfach den Code-Bereich und passen Sie ihn ganz nach Belieben an. 

3. Fertige Strukturen und Elemente für schnellere Magento-E-Mail-Vorlagen

Blocks ist ein Drag-and-drop-Editor. Um eine E-Mail zu bauen, wählen Sie einfach die zu Ihrer Kampagne passenden Strukturen und Elemente, ziehen sie an die gewünschte Stelle in der Magento-E-Mail-Vorlage und lassen sie dort los. Fertige Strukturen und Elemente umfassen verschiedene Header, Footer, Buttons, Produktraster, Beschreibungsblöcke und mehr. Das beschleunigt die E-Mail-Produktion und gibt Ihnen Raum für andere wichtige Aufgaben!

4. Blocks speichert Ihre Projekte für Sie 

Blocks speichert alle Ihre Projekte auf unseren sicheren Servern: Schluss mit der Suche nach Informationen auf Ihrem Computer oder dem Bitten um Materialien von Teammitgliedern. Teilen Sie Ihre Projekte in eigene Ordner für eine leichte Navigation, und Sie (und Ihre Kollegen) haben rund um die Uhr Zugriff auf alles, was Sie brauchen! 

5. Mobilfreundliche Magento-E-Mail-Vorlagen

Jede Magento-E-Mail-Vorlage, die Sie in Blocks erstellen, ist responsiv – Ihre E-Mail sieht auf allen Geräten makellos aus. Mit der Vorschaufunktion von Blocks sehen Sie, wie sich Ihre E-Mail-Vorlage von der Desktop- zur mobilen Version verändert:

Magento-E-Mail-Vorlage in Blocks: mobile Version

So fügen Sie eine Blocks-Vorlage zu den Transaktions-E-Mails von Magento 2 hinzu

Blocks exportiert ein vollständiges HTML-Dokument mit Inline-Styles. In Magento 2 und Adobe Commerce können Sie daraus auf zwei Wegen eine Transaktions-E-Mail wie etwa eine Bestellbestätigung machen: im Admin-Bereich oder als Datei in Ihrem Theme.

Wohin die Vorlage gehört

Gehen Sie im Admin-Bereich zu Marketing > Communications > Email Templates und klicken Sie auf Add New Template. Laden Sie die Standardvorlage, die Sie ersetzen, zum Beispiel New Order, um zu sehen, welche Variablen sie verwendet, und fügen Sie dann das exportierte HTML in Template Content ein. Belassen Sie das CSS in einem <style>-Tag innerhalb des Inhalts: Magento wendet das Feld Template Styles nur zusammen mit seiner Standardkopfzeile an. Weisen Sie das Ergebnis unter Stores > Settings > Configuration > Sales > Sales Emails zu, und denken Sie daran, dass es für Gastbestellungen ein eigenes Feld gibt. Siehe Adobes Anleitung zu benutzerdefinierten E-Mail-Vorlagen.

Um die Vorlage im Code zu verwalten, speichern Sie sie in Ihrem Theme als app/design/frontend/<Vendor>/<theme>/Magento_Sales/email/order_new.html. Eine Theme-Datei kann das vollständige Dokument enthalten oder nur den Hauptteil der Blocks-E-Mail zwischen den Standarddirektiven für Kopf- und Fußzeile. Im Admin-Bereich zugewiesene Vorlagen haben Vorrang vor Theme-Dateien, wie der Frontend-Leitfaden von Adobe Commerce erklärt.

<!--@subject {{trans "Your %store_name order confirmation" store_name=$store.frontend_name}} @-->
{{template config_path="design/email/header_template"}}

<!-- body of the Blocks email -->

{{template config_path="design/email/footer_template"}}

Welche Variablen Sie verwenden

Magento befüllt die E-Mail mit Direktiven in doppelten geschweiften Klammern. {{var order.increment_id}} gibt die Bestellnummer aus, {{trans}} gibt eine übersetzbare Zeichenkette mit Variablen aus, und {{layout}} fügt die Tabelle der bestellten Artikel ein. Seit Version 2.4.4 wird jede Vorlage im strikten Modus aufgelöst, sodass sich Methoden wie getCustomerName() nicht mehr aufrufen lassen und stattdessen Datenschlüssel wie $order_data.customer_name verwendet werden. Details finden Sie im Migrationsleitfaden zum strikten Modus.

<p>{{trans "%customer_name," customer_name=$order_data.customer_name}}</p>
<p>Order #{{var order.increment_id}}</p>
{{layout handle="sales_email_order_items" order_id=$order_id area="frontend"}}
<p>{{trans "Thank you for your order from %store_name." store_name=$store.frontend_name}}</p>

Noch auf Magento 1? Dort werden Transaktions-E-Mails unter System > Transactional Emails verwaltet und in app/locale/en_US/template/email/ gespeichert, und die Vorlagen konnten Methoden direkt aufrufen, etwa {{var order.getCustomerName()}}. Der Support für Magento 1 endete am 30. Juni 2020, daher brauchen diese Vorlagen beim Umstieg auf Magento 2 die oben beschriebene strikte Syntax.

So testen Sie die E-Mail

Klicken Sie auf Preview Template, um das Layout vor dem Zuweisen zu prüfen, geben Sie dann in einer Testumgebung Ihres Shops eine Testbestellung auf und öffnen Sie die Bestätigung in den E-Mail-Clients, die Ihre Kunden nutzen. Ist in den Einstellungen unter Sales Emails die Option Asynchronous Sending aktiviert, wird die E-Mail erst beim nächsten cron-Lauf versendet und nicht schon beim Abschluss der Bestellung. Für im Admin-Bereich gespeicherte Vorlagen listet bin/magento dev:email:override-compatibility-check die Variablen auf, die der strikte Modus nicht auflöst.

Fazit

Blocks bringt Ihre E-Mail-Produktion auf die nächste Stufe. So sparen Sie Ressourcen und investieren sie in andere wichtige Aufgaben, die schon auf ihre Stunde warten. Probieren Sie Blocks aus, und bei Fragen hilft Ihnen unser Team jederzeit gern weiter!

Starten Sie mit dieser Vorlage statt mit einer leeren Seite

Öffnen Sie sie im Editor, passen Sie Texte und Farben an und exportieren Sie sie dorthin, wo Sie versenden. Verfügbar in den kostenpflichtigen Tarifen und während der kostenlosen 14-tägigen Testphase.

Alle Vorlagen ansehen