So passen Sie eine E-Mail-Marketing-Vorlage an

Heute tauchen wir in Vorlagen ein und erfahren, wie Sie sie mit dem flexiblen Editor von Twilio SendGrid verwenden oder den HTML-Code der Vorlage in Ihrem E-Mail-Builder Ihrer Wahl anpassen. Während einige Vermarkter sich wohl dabei fühlen, eine schöne E-Mail von Grund auf neu zu entwerfen und zu codieren, bieten E-Mail-Vorlagen für diejenigen von uns, die keine Webdesigner oder E-Mail-Entwickler sind, eine leistungsstarke, zeitsparende Möglichkeit, ansprechende E-Mails zu erstellen.

In diesem Beitrag zeige ich Ihnen, wie Sie eine vorgefertigte E-Mail-Vorlage auswählen und welche Designentscheidungen ich dabei treffe.

Auswahl einer E-Mail-Marketing-Vorlage

Wenn Sie mit Marketingkampagnen beginnen, haben Sie eine Vielzahl von Vorlagenoptionen. Aber bevor Sie sich für eine Vorlage entscheiden, fragen Sie sich:

W as ist der Zweck der E-Mail, die Sie senden möchten, und die Aktion, die Ihre Empfänger ausführen sollen?

Benötigt diese Aktion eine Erklärung mit viel Text und einem CTA oder versuchen Sie, Ihre Produkte mit mehreren Bildern visuell darzustellen? Achten Sie auf Struktur und ein Format, das gut zu Ihren Inhalten passt.

Ist Ihre Marke mutig und laut, edel und urig, modern und elegant? Es ist hilfreich, eine Vorlage zu finden, die Ihrer Marke ähnelt. Während Sie Bilder, Text und Farben an Ihre Marke anpassen können, ist es hilfreich, eine Vorlage zu haben, die zu dem Stil passt, den Sie erreichen möchten.

Ich habe links die Vorlage „Ingrid and Anders Welcome Series 2“ gewählt ( hier zum Download verfügbar ), weil ich vorhabe, eine Werbe-E-Mail von einem Juweliergeschäft zu versenden.

Die Farben und Bilder repräsentieren zwar nicht die Marke des Juweliergeschäfts, aber der Boutique-Look passt zum Gesamtgefühl der Marke, und die mehreren Bilder und Textabschnitte eignen sich gut für die Inhalte, die ich senden möchte.

Anpassung an Ihre Marke

Hier ist mein schrittweiser Ansatz, um von der obigen Vorlage zur E-Mail-Vorschau auf der rechten Seite zu gelangen und dabei die Marke, die Botschaft und die gewünschte Aktion im Auge zu behalten.

Schritt 1: Kopfzeile

Ich begann damit, das Logo des Juweliergeschäfts in die Kopfzeile zu platzieren. Ihre E-Mail-Empfänger haben gezeigt, dass sie Ihrer Marke vertrauen und an einer Beziehung mit ihr interessiert sind. Sicherzustellen, dass das, was sie sehen, wenn sie Ihre E-Mail öffnen, vertraut ist und erwartet wird, ist entscheidend, um dieses Vertrauen aufrechtzuerhalten.

• • Breite: Die Breite des Headers muss mindestens 600 Pixel betragen, damit er sich über die gesamte Breite der E-Mail erstreckt.
  • Ausrichtung: Die meisten Unternehmen richten ihre Kopfzeile entweder links aus oder zentrieren sie.
  • HTML: Um das Logo in HTML zu ändern, tauschen Sie den Link im img class aus. Der Link sollte im src Attribut platziert werden (siehe unten). Vergessen Sie nicht, die Anführungszeichen um den Link zu setzen.

Schritt 2: Bilder

Wählen Sie Bilder aus, die sich auf die Kopie und Ihre Marke beziehen. Schmuck ist so ein visuelles Produkt, also wollte ich, dass die Bilder viel mehr von der E-Mail einnehmen als die Kopie.

Das erste Bild in meiner E-Mail bezieht sich auf die Kopie und den Erhalt eines Weihnachtsgeschenks. Bilder mit Personen helfen den Empfängern, sich emotional mit dem Inhalt zu verbinden. Das zweite Bild hebt ein besonderes Schmuckangebot hervor, um Besucher auf die Website zu lenken. Ich habe diese Bilder auf iStock gefunden, aber es gibt viele andere Ressourcen, um tolle Bilder zu finden .

Denken Sie beim Einfügen von Bildern in Ihre E-Mail an Folgendes:

• Alternativtext einschließen: Einige ESPs verstecken Bilder in E-Mails. Das Einfügen von Alt-Text hilft den Empfängern, die Idee hinter dem Bild zu verstehen, auch wenn sie es nicht sehen können.
• Bilder verlinken: Wir erwarten, dass alles anklickbar ist, auch Bilder. In dieser E-Mail muss insbesondere das Bild der Diamantohrringe zur Beschreibung dieses Produkts auf der Website anklickbar sein.
• Bildgröße: Achten Sie wie beim Header darauf, dass die Breite der Bilder mindestens 600 Pixel beträgt.
• HTML: Suchen Sie ähnlich wie bei Ihrem Logobild nach der img class und dem src -Attribut, wenn Sie die Bilder in der Vorlage austauschen. Um Alt-Text einzuschließen, fügen Sie das alt -Attribut zur img class hinzu und beschreiben Sie Ihr Bild. Um einen Link zu Ihrem Bild hinzuzufügen, fügen Sie das href -Attribut in das img class -Tag ein.

Schritt 3: Schriftart

Marketing Campaigns ermöglicht es Benutzern, Schriftarten zu importieren, sodass Sie in Ihren E-Mails nicht auf Markenstandards verzichten müssen. Sie können Ihre Schriftart hinzufügen, indem Sie den HTML-Kopf bearbeiten (zu finden unter „Erweitert“ in der linken Navigation). Hier ist die Schritt-für-Schritt-Anleitung zum Hinzufügen einer Schriftart.

Einige ESPs unterstützen nur eine Handvoll Schriftarten, daher ist es eine gute Idee, eine standardmäßige Standardschriftart wie Arial, Times New Roman oder Verdana zu wählen. Wählen Sie eine aus, die Ihrer Website so gut wie möglich entspricht. Wenn die Schriftart Ihrer Marke nicht unterstützt wird, haben Sie auf diese Weise ein einsatzbereites Backup.

Schritt 4: Kopieren

Bei diesem Newsletter ist es mein Ziel, den Empfänger auf die Website zu bringen, um entweder eine Wunschliste zu erstellen oder einzukaufen, also möchte ich nicht, dass er zu lange in der E-Mail bleibt. Aus diesem Grund ist mein Text kurz und prägnant und führt direkt zu den Call-to-Action-Buttons.

• Gehen Sie beim Schreiben Ihrer E-Mail zurück zum Ziel Ihrer Nachricht und fragen Sie sich, welche Maßnahmen Ihre Empfänger ergreifen sollen.

Schritt 5: Farben

Richten Sie Ihre E-Mails an Ihrer Marke aus, indem Sie ähnliche Farben wie auf Ihrer Website verwenden. Ihre E-Mails müssen nicht genau wie Ihre Website aussehen, aber versuchen Sie, mindestens eine oder zwei Farben in Ihre E-Mail zu integrieren, um Ihre Marke zu binden. Für diese E-Mail habe ich die Schriftfarbe so geändert, dass sie der Website entspricht, und Bilder eingefügt, die einen Hauch von Gold haben, damit sie zum Logo passen.

• • E- Mail-Hintergrund: Wenn Sie Ihren Posteingang durchsehen, werden Sie feststellen, dass die meisten E-Mails eine weiße oder neutrale Hintergrundfarbe und gelegentlich einen schwarzen Hintergrund haben. Wir empfehlen, bei einer dieser Farben für den Hintergrund Ihrer E-Mail zu bleiben. Helle oder kräftige Farben können sich überwältigend anfühlen und Ihre Empfänger vom eigentlichen Inhalt der E-Mail ablenken. Rechts sind die Farben, die ich für den Hintergrund und den Text dieser E-Mail verwendet habe.
  • Fußzeile: Eine gute Möglichkeit, Ihre E-Mail an Ihrer Marke auszurichten, besteht darin, die gleiche Hintergrundfarbe und Schriftfarbe für die Fußzeile wie Ihre Website zu verwenden. Dies trägt dazu bei, Kontinuität zwischen Ihren E-Mails und Ihrer Website herzustellen.
  • CTA-Schaltflächen: Diese Schaltflächen sind oft das hellste und kühnste Element Ihrer E-Mail. Sie sollen Aufmerksamkeit erregen und einen Empfänger zum Handeln motivieren.
  • HTML: Um die Farbe von Hintergründen, Rändern oder Schriftarten in HTML zu ändern, suchen Sie nach der 6-stelligen Hex-Farbe. Sie finden den Hex-Code in Elementen und Attributen wie style , span style , background-color , bgcolor , color und border-color . Es ist wahrscheinlich, dass Ihre Vorlage mehrere Attribute für dieselbe Farbe hat, um die Farbe allen E-Mail-Anbietern mitteilen zu können. Stellen Sie sicher, dass Sie alle Abschnitte ändern, in denen die Farbe aufgeführt ist. Sehen Sie sich dieses Beispiel für das Design und den Code der CTA-Schaltfläche an.

Schritt 6: Testen!

Sobald Sie Ihre E-Mail eingerichtet haben, testen Sie sie, indem Sie sich selbst eine Vorschau senden. Hier sind ein paar Dinge, die Sie in Ihrer Vorschau überprüfen sollten:

• Reagiert es auf Mobilgeräte? Überprüfen Sie Ihre E-Mail auf Ihrem Desktop und Telefon, um zu überprüfen, ob die E-Mail mobil reagiert.
• Funktionieren alle Links? Klicken Sie sich durch alle Links und verlinkten Bilder. Prüfen Sie, ob die CTA-Schaltflächen groß genug sind, um mit dem Finger darauf klicken zu können.
• Ist Ihre Marke erkennbar? Vergleichen Sie Ihre E-Mail und Ihre Website nebeneinander. Ihre Marke sollte in Ihrer E-Mail durchscheinen.

In Marketingkampagnen können Sie auch verschiedene Elemente A/B-testen (siehe Abbildung unten) und sehen, ob ein einfacher Textlink dazu beiträgt, mehr Klicks zu generieren als ein bunter CTA-Button. Dadurch erhalten Sie Daten, um Ihre Designauswahl für zukünftige Sendungen zu sichern. Eine vollständige Liste der Punkte, die Sie vor dem Versenden Ihrer E -Mail überprüfen sollten, finden Sie in Ihrer Checkliste zum Testen von E-Mails vor dem Versenden .

Vorgefertigte Vorlagen sind eine großartige zeitsparende Lösung für diejenigen von uns, die keine Experten für E-Mail-Design und -Entwicklung sind. Es ist einfach, diese Vorlagen so anzupassen, dass sie die Marke und Botschaft Ihres Unternehmens widerspiegeln, ohne sich mit dem Unkraut des E-Mail-HTML auseinandersetzen zu müssen.

Melden Sie sich für Dutzende von anpassbaren, ansprechenden Vorlagen für ein kostenloses Marketingkampagnen-Konto an.