E-Mail-Marketing: So gestalten Sie hohe durchlaufende E-Mails

1. Einführung: Es gibt etwa 4,4 Milliarden aktive E-Mail-Nutzer. E-Mails zu einem der effektivsten Kanäle machen , um Personen zu erreichen und eine Nachricht zu verbreiten. Deshalb ist E-Mail-Marketing heute eine Kernstrategie für die meisten Unternehmen. Die Kehrseite ist jedoch, dass es ein sehr überfüllter Raum ist und praktisch jeder Verbraucher täglich mit E-Mails bombardiert wird. Vor diesem Hintergrund, wenn Sie möchten, dass Ihre E-Mails geöffnet werden und eine Art von Aktion veranlasst, ist es wichtig, dass die E-Mails relevant und leicht zu verstehen sind. Es beginnt mit einer effektiven E-Mail-Kampagnenstrategie, endet aber mit einer gut gestalteten E-Mail, was wir in diesem Kurs behandeln werden. Wir besprechen bewährte Methoden, um sicherzustellen, dass Ihre E-Mails nicht in Spam- oder Junk-Ordnern verloren gehen. Und wie man die Grenzen von E-Mail-Plattformen umgeht, um schöne und interessante E-Mails zu entwerfen , die zu Klicks und Conversions wurden. Es ist wichtig zu beachten, dass während ich in Mail Chimp arbeite, die Themen und Ideen, die ich abdecke, für alle E-Mail-Plattformen gelten können. Also lasst uns reinspringen. 2. Grundlagen: Jede E-Mail, die Duft wird für einen Zweck gesendet. Und meistens besteht dieser Zweck darin, einen Kunden dazu zu bringen, ein Produkt zu kaufen oder einen Service zu abonnieren. Damit das geschieht, müssen viele Dinge richtig gehen. Das Publikum muss sein, die Betreffzeile, muss auffällig sein. Die Nachricht in der E-Mail muss klar sein, und der Preis muss attraktiv sein. Aber bevor etwas davon passieren kann, müssen Sie zuerst in den Posteingang des Kunden gelangen. Alles andere könnte perfekt sein, aber wenn Ihre E-Mail als Spam oder Junk gekennzeichnet wird, wird sie gefiltert. Und all diese harte Arbeit, die du in sie gesteckt hast, wird umsonst gewesen sein. Wenn es darum geht, E-Mails zu entwerfen, sollte es Ihre allererste Priorität sein, den Spam-Filter zu überwinden. Lassen Sie mich ein Beispiel ziehen. Diese E-Mail hier ist wirklich gut gestaltet. Es gibt nur ein Problem. Es wurde als ein großes Bild entworfen. Weil Sie sehen, ist dies der einfache Weg, eine E-Mail zu entwerfen. Sie machen alles in Photoshop, exportieren es als JPEG, legen Sie es in männliche Schimpanse und drücken Sie Senden. Das Problem ist, dass genau das ist, wonach Spam-Filter suchen. Eine E-Mail, die nur Bilder und keinen Text enthält, wird fast immer markiert. Und selbst wenn es in den Posteingang der Person gelangt, haben die meisten E-Mail-Clients Bilder deaktiviert, da sie die Datennutzung spart. Also, als sie ihre E-Mails öffneten, sieht es tatsächlich so aus. Der Kunde muss bereit sein, seinen Datentarif zu nutzen und das Bild dann manuell herunterzuladen. Und das sind zu viele Schritte, um einen Kunden zu fragen. Die meisten löschen die E-Mail sofort. Warum tun Designer, einschließlich derjenigen, die für große Marken arbeiten, dies? Nun, es ist einfach. E-Mail wurde nicht für Marketing konzipiert. Es wurde als Ersatz für Faxgeräte erstellt , damit Benutzer textbasierte Nachrichten senden und empfangen können. Irgendwo in der Linie wurde es zu einer Methode der Kommunikation für das Marketing. Und während die Technologie einige Fortschritte gemacht hat, bleibt es immer noch wirklich begrenzt in dem, was Sie erstellen und senden können. Einfach gesagt, E-Mail wurde nicht entworfen, um kreativ zu sein. Und deshalb sind E-Mail-Marketing-Plattformen so begrenzt und beschränkt sich auf die Art von Drag & Drop-Vorlagen und die gleiche Bibliothek von glanzlosen Webfonts. Also, was machst du? Bedeutet dies, dass Sie als Designer darauf beschränkt sind, immer wieder dieselben langweiligen E-Mails zu erstellen. Nicht genau. Glücklicherweise gibt es einige wirklich clevere Problemumgehungen denen Sie immer noch beeindruckende E-Mails erstellen können. Und in dieser Lektionsreihe werde ich dir diese E-Mail-Design-Cheat-Codes zeigen. 3. Einige Techniker zuerst: Die allererste Überlegung, die Sie beim Entwerfen von E-Mails haben sollten, ist die Verwendung von Text. Es ist eine Standard-E-Mail Best Practice, die Sie brauchen, um in die Gewohnheit zu tun. Hier ist ein Beispiel für eine E-Mail, die das wirklich gut macht. Wie Sie sehen können. Es verwendet viel Text. Und wo immer es ein Bild gibt, wenn das Bild nicht geladen ist, wird standardmäßig ein vordefinierter Text verwendet. Auf diese Weise, wenn jemand Ihre E-Mail liest, wenn die, selbst wenn die Bilder nicht heruntergeladen werden, können Sie immer noch ein Gefühl davon bekommen, was in der E-Mail passiert. So zum Beispiel, genau hier, können Sie die so niedrig wie APR sehen. Sie können sehen, wo es Ihnen sagt, dass es hier ein Logo gibt. Und auch ohne alles ausgeschaltet ist, kannst du sie immer noch verstehen. Folgen Sie der E-Mail, die vollständig aus dem Text basiert. Also lassen Sie mich Ihnen zeigen, wie Sie das in Mail Chimp machen. Ich habe diese E-Mail hier und es ist nur eine grundlegende Vorlage, die ich in Mail Chimp verwendet habe, nicht die am besten aussehende E-Mail, aber für illustrative Zwecke erhalten Sie ein Gefühl von dem, was ich tue. Dieser Inhaltsblock hier oben enthält also die Summen des Markenlogos. Gehen Sie weiter und bearbeiten Sie den Block. Und dann hier, wie Sie sehen können, wo ich das Logo hochgeladen habe, richtig? Und so in diesen Optionen, wo Sie es ersetzen können, bearbeiten Sie es, verknüpfen Sie es mit woanders. Sie haben diese Option hier für alt. Und wenn Sie darauf klicken, geben Sie hier den Alt-Text ein. Und so würde ich in diesem Fall sagen, getragen Logo. Aktualisieren. Ok, also jetzt, wenn diese Person, die diese E-Mail öffnet Bilder aktiviert hat? Was sie hier oben in diesen Inhaltsblöcken sehen werden , ist der Text, den ich hier eingefügt habe, das gewarnte Logo. Okay, ich mache das auch für dieses Bild. Ok, genau das Gleiche, und geh zum Alt-Text. Und hier würde ich die Überschrift verwenden, die wir hier haben. Rüsten Sie sich für den Frühling mit unserer neuen Kollektion an, um sicherzustellen, dass alles korrekt geschrieben und aktualisiert wird. Also, jetzt wieder, wenn jemand diese E-Mail öffnet und keine Bilder eingeschaltet hat, was diese C hier wird diese Ausrüstung für den Frühling und unsere neue Sammlung sein. Und das sagt ihnen schon, was dieses Bild oder worum es in dieser E-Mail geht. Und es ist nur eine Möglichkeit, Ihre E-Mails zu schützen, falls Benutzer keine Bilder eingeschaltet haben. Und ich würde das überall machen. Es gibt ein, es gibt ein Bild, oder? Das ist also Text, das ist ein von n, also werden diese einfach gut geladen. Aber hier unten würde ich genau dasselbe tun. Das ist ein Bild, richtig? Also würde ich voran gehen und das ändern. Eigentlich ist das Text, also egal, das ist ein Bild. Also tun Sie das hier. Und dann würde ich einfach tun, was wir hier unten haben. Hallo, coole und lässige Tanks. Und wieder, dies ist nur eine, verhindert, dass Ihre E-Mails geschnitten werden und Spam-Filter. Wenn Ihre E-Mails Alt-Text enthalten, liest der Spam-Filter den Alt-Text und hilft Ihnen. Das wird zuerst helfen, es grün zu beleuchten und es durch den Posteingang zu gehen. Und es ist auch ein Weg dafür. Der Kunde öffnet die E-Mail, bekommt immer noch ein Gefühl davon, worum es bei der E-Mail geht und kann sie durchlesen. Das ist also das erste, was Sie für Ihre E-Mails tun sollten, ist Alt SMS ihnen. Eine weitere Überlegung, die ich habe, sind die tatsächlichen Links, die Sie verwenden. Also, wohin Sie Ihre Kunden nehmen , ist wirklich wichtig und wie Sie verfolgen, das ist auch wirklich wichtig. Daher kann jeder Teil Ihrer E-Mail eine andere URL haben, zu der Sie gehen können. Aber schmelzen ihn hat keine eingebauten Tracking-Funktionen für wenn Ihre E-Mails. Ich meine, was ich tun würde, ist etwas namens Google UTM zu verwenden , das ein kostenloses Tool von Google ist, oder? Und so nennt sie eine Kampagne URL Builder. Wie Sie dort gesehen haben, habe ich gerade Google UTM-Builder eingegeben. Und so hier würden Sie die tatsächliche URL eingeben, die Ihre Kunden zu zwei wollen, also sagen wir, dies ist www.worn.com. Okay, jetzt, hier ist, wo ich meine eigenen benutzerdefinierten Tracking-Informationen. wir also die Quelle der Kampagne. Nun, das ist eine E-Mail, also werde ich sagen, E-Mail. Sagen wir einfach, es tatsächlich ein bisschen definierter für den Raum zu machen, eine Frühlingspromo, denn das ist, wo es ist. Das Kampagnenmedium ist E-Mail. Ich habe es per E-Mail geschickt. Ich könnte buchstabieren. Und der Name der Kampagne, sagen wir, wenn ich zurück zu ihm gehe, hieß Project Pink. Und so werden alle diese nur TOM Diskretion sein, was Sie beschließen, diese Dinge zu beschriften. Wenn Sie einen Kampagnenbegriff haben für Keywords bezahlt haben, können Sie diesen dort einfügen. Wenn Sie für verschiedene Anzeigen differenzieren möchten, können Sie dies paarweise einfügen. Nun, ich benutze den Begriff nie im Inhalt. Aber wie Sie hier sehen können, ist es jetzt eine URL für mich generiert, und das ist wirklich lange komplizierte URL. Aber im Wesentlichen, was es tut, ist, dass ich danach diese E-Mail schicke, ich zurückgehen und tatsächlich die Statistiken dieser URL betrachten kann. Wer eröffnete eine, Wer kam auf meine Website basierend von meiner aus meiner E-Mail. Also würde ich diese Kopie dieser URL hören. Also, jetzt wird es kopiert und es wird hier gehen. Und hier werden wir den Link setzen, dort eingeben und einfügen. Ok. Also jetzt habe ich diese E-Mail mit einem benutzerdefinierten URL-Tracking-Code drin. So dass, wenn jemand öffnet diese E-Mail auf Nein. Wenn sie auf diesen Link geklickt und ging auf meine Website auf wissen, dass es von dieser spezifischen E-Mail kam. Und hier haben viele E-Mail-Kampagnen-Builder einige Einschränkungen weil Calcium Ihnen sagen kann, wie viele Leute Ihre E-Mail geöffnet haben, wie viele Menschen auf Ihre E-Mail geklickt haben, aber das ist darüber. Es sagt Ihnen nicht, auf welchen Teil sie geklickt haben. Es sagt dir nicht, wo sie hingebracht wurden, es sagt dir nicht. Es gibt Ihnen nicht die tiefere Analyse, die Sie suchen. Indem ich diese benutzerdefinierten UTM-Codes erstelle, kann ich wirklich granular werden und genau sehen, wie viel meines Traffics auf meiner Website durch diese E-Mail generiert wurde. Und so würde ich genau dasselbe für jedes Bild tun, wo es eine Schaltfläche gibt, Link dort eingefügt, und dann einfügen. Und jetzt wird diese ganze E-Mail, jedes Bild, jede Taste diesen UTM-Link drin haben. Los geht's. Und es ist nur die beste Praxis, um sich in die Gewohnheit zu geraten, vor allem bei kleineren Teams. Wir haben nicht unbedingt ein wirklich ausgespült Marketing-Team. Verwendung dieses kostenlosen Kampagnen-URL-Builder ist wirklich hilfreich, um einen tiefen Einblick in die Leistung Ihrer E-Mails zu bekommen. Das sind also nur zwei wirklich wichtige Dinge, Best Practices aus technischer Sicht für Back-End-Pflege. In dieser nächsten Lektion werden wir nun zusätzlich zu diesen Best Practices interessante E-Mails erstellen . So Sokoloff Design. In der nächsten Lektion. 4. Negativraum verwenden: Also, wie ich bereits sagte, reden wir über Design. Ich bin hier im männlichen Schimpanse. Und das erste Designprinzip, das ich übergehen möchte, ist die Verwendung von negativem Speicherplatz in Ihren E-Mails. Also werde ich weitermachen und eine Vorlage aufziehen, die ich gemacht habe. Nun, das ist nicht die aufregendste E-Mail, aber es wird das Konzept veranschaulichen, von dem ich spreche. Diese Bilder hier sind unsere nicht wirklich Kreise, sie sind Quadrate, oder? Der Schablonenblock im männlichen Schimpanse lässt mich grundsätzlich nur die haben, mal sehen. Lassen Sie mich das Bild auf der linken Seite und die Steuer auf den Satz für diesen Kontaktblock haben, es ist umgekehrt. Es ist das Bild auf der rechten Seite und der Text auf der linken Seite. Und der Inhaltsblock lässt mich im Grunde nur ein quadratisches Bild haben. Nun, was ich getan habe, um die Illusion zu geben, dieses abgerundete Bild zu haben , ist, als ich diese einzelnen Planetenbilder gemacht habe. Ich habe sie gerade auf weißem Hintergrund gemacht. Ich wusste, dass der Text der E-Mail ein weißer Hintergrund sein würde. Und so geplant, mit dem weißen Hintergrund auf dem Bild. Wenn Sie also hier schauen, können Sie tatsächlich sehen, dass das Bild, wenn ich das über ziehe, den Leerraum integriert hat. Es ist ein quadratisches Bild, aber es ist nur, wenn es auf mel-Kammer geladen wird, wenn es in die E-Mail geladen wird, sieht es wie ein abgerundetes Bild aus. Und die Tatsache, dass ich diese hin und her veränderte, linke Seite, rechte Seite, linke Seite, rechte Seite. Mischen Sie die E-Mail oder ein wenig interessanter, ich habe das gleiche mit den Logowörtern gemacht, nur Leerzeichen, aber ich habe es auf einem weißen Block gemacht. Und wenn ich dir zeige, wie das aussehen wird, wenn ich es nicht vorher geplant hätte. Nehmen wir an, der Körper meiner E-Mail würde diese blaue Farbe sein. Plötzlich sieht es jetzt ein bisschen offensichtlich aus. Du kannst genau sehen, was ich getan habe. Aber wieder, ich hatte das vorher geplant und ließ es warten. Das ist also eine wirklich einfache Art, das Konzept zu veranschaulichen, aber lassen Sie mich Ihnen zeigen, wie das aussieht, wenn Sie tatsächlich etwas mehr Intentionalität und vorgeplante Dinge etwas besser setzen. Also werde ich eine andere Kampagne hochziehen, die ich gemacht habe. Großartig. Jetzt können Sie auf diesem sehen und die Form viel komplizierter gemacht. Und diese E-Mail ist eigentlich ziemlich interessant. Es sieht aus wie eine Art gemacht dieses I Camo Effekt Art von kommen jetzt abgerundet über und der Knopf sogar als abgerundet. Es gibt also ein Motiv, das durchgeht. Die Farben sind alle synchron. Und das ist schon viel interessanter als nur ein einfaches Bild, Text, Bildtext, oder? Und es ist genau das Gleiche. A machte dies als Bild mit nur Gewicht. Das Gewicht wird als integrierte Missy FAQ beansprucht und zeigt Ihnen, wie das aussieht. Los geht's. Also das Bild ist im Grunde nur wartet, warten Rechteck mit dieser blauen Form bereits eingebaut. Und das andere ist genau das gleiche Werkzeug. Und damit können Sie wirklich, wirklich kreativ werden, wenn Sie nur vorplanen, was Sie versuchen zu tun. Sie Pre-Plan mit der Hintergrundfarbe wird sein. Sie können vorab planen, welche Art von Form Sie erstellen möchten. Du machst das in Photoshop. Tun Sie dasselbe, was ich bereits erwähnt habe, über Altair SMS mit benutzerdefinierten UTM-Codes. Aber jetzt erhalten Sie ein bisschen mehr kreative Lizenz mit Ihren E-Mails. Und wie ich schon sagte, wenn ich diesen Hintergrund ändere, kannst du sehen, wann ich es hier mache, richtig? Das ist also ein Gewicht. Dieses Gewicht, weil das Bild tatsächlich warten, was ist der eigentliche Körper der E-Mail ist genau hier in grün. Aber wenn sie dazu neigen, Gewicht zu haben, sieht es jetzt nahtlos aus. Und so kann ich Ihnen einige Beispiele für andere E-Mails zeigen , die genau das gleiche tun und es wirklich, wirklich gut machen. Also diese E-Mail, der Körper ist gelb. Sie haben oder die, sorry, der Hintergrund ist gelb. Dies wurde wahrscheinlich ein Bild gemacht und das Bild an der Spitze entspricht der Hintergrundfarbe. Und die Unterseite dieses Bildes, die Naht ist wahrscheinlich Strahl hier drin, ist, wo das Bild tatsächlich stoppt. Dies ist der eigentliche Text, der tatsächlich eingebaut ist und das sind Symbole, die Sie hinzufügen können, in männlichen Schimpanse. Und es sieht nahtlos aus und das Gleiche haftet an diesem Inhalt hier ist alles tatsächlich in der E-Mail. Dies ist ein Bild mit einem weißen Hintergrund. Um so etwas zu tun, haben Sie das Bild mit dem Weiß oben, das Rot unten. Und so ist dieser Inhaltsblock, der Hintergrund ist weiß. Und dann wird dieser Inhaltsblock, der Hintergrund gelesen. Dieser Designer plante es vorher, um zu wissen, dass die obere Hälfte dieses Bildes Gewicht sein musste und die untere Hälfte rot sein musste. Und das geht hinunter, genau zu wissen, was die RGB-Werte sind. Also genau Jareds Übereinstimmung. Und so, und dann ist der Rest ziemlich unkompliziert. Das Gleiche mit dem hier. Um diese gerundeten Thumbnails zu erhalten, haben sie wahrscheinlich. Was ich Ihnen mit den Planeten gezeigt, wo Sie es machen, machen Sie die Clipping-Maske Form abgerundet im Hintergrund ist weiß. Dies ist, wo es wirklich interessant wird, denn mit benutzerdefinierten Pinseln in Photoshop, können Sie wirklich wirklich verspielt mit Ihren Kanten zu werden. Wie Sie hier sehen können, ist das Bild wahrscheinlich ein Rechteck, wo es hier unten geht und dann hier rüber schneidet. Also gibt es tatsächlich Warten im Bild. Aber dann malten sie mit Photoshop den Mast aus und kreierten diese schöne kleine Naht hier. Und so können Sie mit dieser Technik noch kreativer werden. Wie sagen wir, er hatte es auch oben getan. Also jetzt die Oberseite und die Unterseite haben diese wirklich interessante benutzerdefinierte scheinen Sie Diagonalen mit ihm als auch machen können. Vielleicht, anstatt direkt über das Bild zu kommen, wie die Maske auf diese Weise oder auf diese Weise auch kommt. Und das gibt Ihnen auch eine viel mehr kreative Lizenz. Sie können mit neuen Formen spielen, mit neuen Kanten, solange Ihre Hintergrundfarbe, die Körperfarbe des Inhalts mit dem Rand Ihres Bildes übereinstimmt. Es sieht nahtlos aus und es sieht so aus, als hättest du es absichtlich gemacht. Und dann ist der Rest dieser E-Mail ziemlich unkompliziert. Es sind nur Rechtecke und der Text und die Knochen. Dies ist eine andere wirklich clevere oder E-Mail. Also oben drauf, die Naht ist wahrscheinlich hier drin, genau hier drüben. Also haben sie diese Spitze des Bildes und sie wussten, dass der Körper der E-Mail diese wirklich dunkelblaue Farbe sein würde. Und so sorgten sie dafür, dass sie mit dem Bild übereinstimmten. Die Polizei hält gleich da rum, dann ist es ein Text. Dann verwenden sie wahrscheinlich das gleiche Inhaltslayout, das ich vorher mit dem Textbild, dem Textbild, dem Textbild, dem Textbild hatte . Also, das ist alles tatsächlich in der E-Mail. Und das ist höchstwahrscheinlich ein Bild mit dem Hintergrund, wie wir ein Rechteck mit ihnen nehmen, der Hintergrund ist nur mit dieser blauen Farbe übereinstimmt. Das ist wahrscheinlich das Gleiche. Es ist ein vollständiges Beschnittbild und sie messen einfach oben und unten, passen zu dieser Hintergrundfarbe. Und sie taten das Gleiche hier. Und wenn Sie es betrachten, weil die Farben genau übereinstimmen, sehen Sie nicht die Nähte, Sie sehen nicht, wo das Bild beginnt und stoppt. Sie sehen nur, wenn kontinuierliche Inhalts-Block. Mit negativem Speicherplatz können Sie wirklich kreativ werden, wie Sie diese E-Mails entwerfen. Es dauert nur ein bisschen mehr Vorplanung, als nur in männlichen Schimpanse gehen, mit Rechtecken arbeiten, Drag & Drop , et cetera, et cetera. Also mit dieser Technik, wie ich schon sagte, können Sie einfach, es braucht nur eine gewisse Menge an Vorplanung. Sie skizzieren Ihre E-Mail zuerst Sie verstehen, wo Ihre Hintergrundfarbe sein wird. Du verstehst, wie du willst, dass deine Nähte aussehen und dann spielst du einfach damit und du kannst wirklich, wirklich kreativ werden. Also, das ist die erste Technik, ist mit negativem Raum zu Ihrem Vorteil.