12
June
2024

Technische Tricks für Ihren Posteingang: Bereichern Sie Ihr E-Mail-Marketing mit fortgeschrittenen Tipps & Tricks

Tom Suurling
Senior Campaign Developer

E-Mail-Marketing ist angesagt und alles andere als altmodisch. Tatsächlich sieht die Zukunft des E-Mail-Marketings vielversprechend aus, wenn wir Personalisierung und Segmentierung, Automatisierung und KI, die Integration mit anderen Tools wie einer Customer Data Platform (CDP) und ein bisschen Interaktion in Ihrem Postfach (noch) stärker nutzen.

In diesem Blog geben wir technische Tipps und Tricks, wie Sie Ihre E-Mail-Vorlage optimieren können, um eine zusätzliche Wirkung zu erzielen. Ihre E-Mail dient wie Ihre Website als Visitenkarte. Zeigen Sie, dass Ihre E-Mail nicht nur gut aussieht, sondern auch den Fokus auf die Benutzererfahrung sowie auf Innovation und Kreativität im Design legt.

Die Beispiele, die wir zeigen, sind einzigartige Beispiele aus einer Vielzahl von Optionen zur Anreicherung Ihrer E-Mails. Sie veranschaulichen nur einen Bruchteil dessen, was technisch möglich ist. Indem Sie technische Funktionen wie dynamische Inhalte und interaktive Elemente wie Formulare oder Umfragen intelligent nutzen, können Sie Ihre E-Mails nicht nur optisch ansprechender gestalten, sondern auch das Engagement und die Konversionen steigern. Nutzen Sie es aus!

Dunkler Modus imMails: Einfache Integration

Die Verwendung des Dunkelmodus in Anwendungen, einschließlich E-Mail-Vorlagen, wird immer häufiger verwendet. Indem Sie Ihre E-Mail-Vorlage für den Dunkelmodus optimieren, stellen Sie sicher, dass sie automatisch in ein dunkles Farbschema wechselt, wenn der Dunkelmodus auf Ihrem Gerät oder Ihrer E-Mail-Anwendung aktiviert ist. Dies gewährleistet eine nahtlose Benutzererfahrung. Beachten Sie jedoch, dass nicht jeder E-Mail-Client diese Funktion unterstützt. In einigen Fällen können E-Mail-Clients die Farben selbst anpassen, indem sie helle und dunkle Töne austauschen.

Im Folgenden finden Sie den Basiscode, den Sie in den Kopf Ihrer E-Mail-Vorlage integrieren können, mit dem Sie die erforderlichen Klassen an bestimmten Stellen innerhalb Ihrer Vorlage aktivieren können.

<830 - Platziere beide Abschnitte in einem <head>deiner E-Mails. -->

<!-- Ondersteuning voor Donkere Modus Inschakelen -->

<meta name="color-scheme" content="light dark">

<meta name="supported-color-schemes" content="light dark only">

<style type="text/css">

:Wurzel {

Farbschema: hell dunkel;

unterstützte Farbschemata: hell dunkel;

}

<!-- Gebruik deze media query om stijlen aan te passen voor Donkere Modus. -->

@media (bevorzugtes Farbschema: dunkel) {

<!-- Richt je op elementen zoals gewoonlijk binnen de media query. -->

}

</style>

Auf der Litmus-Website findest du weitere Informationen, Codeschnipsel und E-Mail-Client-Support https://www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers

CSS-Animationen: Dynamik in deinem EMails

Einer meiner Favoriten, Animationen. CSS-Animationen verleihen E-Mails eine optisch ansprechende Ebene, sodass sie nicht nur unterhaltsamer zu empfangen sind, sondern auch das Engagement steigern. Indem sie wichtige Elemente wie Call-to-Action-Schaltflächen oder andere Elemente hervorheben, können sie die Konversionen erheblich verbessern. Darüber hinaus sind CSS-Animationen relativ leicht und mit den meisten modernen E-Mail-Clients kompatibel, sodass sie eine effiziente Möglichkeit sind, Interaktivität hinzuzufügen, ohne die Leistung zu beeinträchtigen.

Ein großer Vorteil der Verwendung von CSS-Animationen in E-Mails besteht darin, dass Ihr Text oder Ihre Elemente immer noch sichtbar sind, wenn auch nicht animiert, falls der E-Mail-Client die Animationen nicht unterstützt. Dadurch wird sichergestellt, dass die wesentlichen Informationen immer zur Verfügung stehen, unabhängig von den technischen Möglichkeiten der E-Mail-Umgebung des Empfängers. Dies macht CSS-Animationen zu einer ausgezeichneten Wahl, um Ihrer E-Mail-Kommunikation mehr Dynamik zu verleihen und gleichzeitig die Benutzererfahrung zu verbessern und eine konsistente Anzeige Ihrer Nachricht zu gewährleisten.

Smartys Power für dynamisches EInhalt der E-Mail

viel E-Mail-Dienstanbieter (ESPs) verwenden eine Template-Engine wie Smarty oder Twig. Im Moment konzentrieren wir uns auf Smarty. Als Marketer suchen Sie immer nach Möglichkeiten, Ihr E-Mail-Marketing auf die nächste Stufe zu heben. Personalisierung ist hier entscheidend, aber was ist, wenn Ihr ESP nicht alle Personalisierungsoptionen bietet, die Sie benötigen? Hier kommt Smarty als Lebensretter. Smarty ist eine Programmiersprache, die Sie direkt in Ihren E-Mail-Vorlagen verwenden können, sodass Sie Ihre E-Mails auf eine erweiterte Art und Weise personalisieren können, die über die Standardfunktionen Ihres ESP hinausgeht.

Mit Smarty können Sie dynamische Inhalte erstellen, z. B. den Namen des Empfängers anzeigen, Produkte anzeigen, die er zuvor über einen Produktfeed angesehen hat, Berechnungen auf der Grundlage Ihrer Daten durchführen, Daten formatieren und vieles mehr. All dies geschieht automatisch, indem Sie Smart-Code in Ihre E-Mail-Vorlagen integrieren. Es ist, als hätten Sie einen persönlichen Assistenten, der jede E-Mail an die spezifischen Bedürfnisse und Interessen des Empfängers anpasst, auch wenn Ihr ESP diese Optionen nicht direkt anbietet.

Im Folgenden finden Sie 2 Beispiele dafür, wie Sie mit Smarty eine personalisierte Anrede erstellen können:

Generieren Sie personalisierte Schlagzeilen mit Backup (einfach);


{wenn $firstname! = „}

Hallo {capitalize ($firstname)},

{sonst}

Lieber Kunde,

{/wenn}

Generieren Sie personalisierte Schlagzeilen mit Backup (erweitert);


{wenn $gender == 'M' und $lastname! = „}

Sehr geehrter Herr {$lastname|capitalize},

{elseif $gender == 'F' und $lastname! = „}

Sehr geehrte Frau {$lastname|capitalize},

{elseif $lastname! = „}

Sehr geehrter Herr/Frau {$lastname|capitalize},

{sonst}

Sehr geehrter Herr/Frau,

{/wenn}


Mit Smarty Inhalte nach Jahreszeit anzeigen

Schauen wir uns eine weitere Option von Smarty an. Wenn Ihre E-Mail-Vorlage Elemente enthält, die Sie nur gelegentlich verwenden, können Sie sie flexibler gestalten, indem Sie den Inhalt mithilfe von Smarty automatisch an verschiedene Jahreszeiten anpassen. Auf diese Weise können Sie ganz einfach einen „Standardartikel“ in Ihre E-Mail integrieren und gleichzeitig nahtlos an die aktuelle Jahreszeit anpassen.

Beispiel:

Im Code verwenden wir $smarty.now, um die aktuelle Uhrzeit abzurufen, die wir mit date_format: '%m' in den Monat umwandeln. Wir speichern dieses Ergebnis in $date, das wir dann in einer if-else-Anweisung verwenden, um verschiedene Aktionen basierend auf dem Monat zu bestimmen.

<!-- Verkrijg de huidige maand -->

{assign var= 'date' value=$smarty.now|Datumsformat: '%m'}

<!-- Bepaal welke ‘winter’ content je wilt tonen. Als er niet wordt voldaan aan de ingestelde conditie dan tonen we de ‘zomer’ content -->

{wenn $date == '10' oder $date == '11' oder $date == '12' oder $date == '01' oder $date == '02' oder $date == '03'}

Winterinhalte anzeigen

{sonst}

Sommerinhalte anzeigen

{/wenn}

Interessen einfach erfassen: Die Leistung von compact eE-Mail-Formulare

Es gibt viele Möglichkeiten, Ihre Zielgruppe innerhalb Ihres ESP zu segmentieren, unter anderem auf der Grundlage der Kaufhistorie, des Surfverhaltens oder der von Ihren Newsletter-Lesern geäußerten Interessen. Leider werden diese Segmentierungsoptionen 2024 immer noch zu wenig genutzt, obwohl dies nicht kompliziert sein muss. Sie müssen Ihre Abonnenten nicht mit langen profilverbessernden Formularen oder Umfragen überfordern, was oft abschreckend wirkt.

Schauen Sie sich zum Beispiel das unten in einer E-Mail eingebettete Formular an. Der große Vorteil davon?

Sie können ein so kompaktes Formular problemlos in Ihre vorhandenen Inhalte einfügen, sodass der Empfänger seine Interessen ganz einfach teilen kann. Sie werden mit Ausnahme der Dankesseite nicht zu einem Webbrowser weitergeleitet. Dies macht es Ihren Newsletter-Lesern so einfach wie möglich, ihre Interessen mitzuteilen. Gewinnen, gewinnen!

Hinweis: In einigen E-Mail-Clients wie Outlook funktioniert diese Funktion nicht. In Ihrem ESP können Sie das Formular so einrichten, dass Outlook-Adressen und Adressen anderer nicht unterstützter Clients ausgeschlossen werden.

KI in deinem Posteingang

Im digitalen Zeitalter, in dem wir leben, spielt künstliche Intelligenz (KI) eine unverzichtbare Rolle. Obwohl viele ESPs die KI-Technologie noch nicht vollständig integriert haben, ist es möglich, die Vorteile der KI auf einem alternativen Weg zu nutzen, beispielsweise mithilfe innovativer Tools wie Brainvine. Dieses faszinierende Thema ist so reichhaltig und facettenreich, dass es zweifellos einen eigenen Blog verdient. Seien Sie also gespannt auf eine eingehende Untersuchung dieses Themas in naher Zukunft!

Mehr insights