So verwenden Sie Campaign Monitor-E-Mail-Vorlagen

Während E-Mail-Builder in Services wie Campaign Monitor und MailChimp immer leistungsfähiger werden, gibt es immer noch gute Gründe, eine HTML-E-Mail-Vorlage zu verwenden, die für Ihre Marke einzigartig ist.

In diesem Tutorial erfahren Sie, wie Sie in Campaign Monitor eine HTML-E-Mail-Vorlage für Ihre E-Mail-Kampagnen und automatisierten Workflows verwenden. Je nachdem, wie viel Sie die Vorlage anpassen möchten, kann es fünf Minuten dauern, bis der Import und das Senden beginnen, und es dauert einige Stunden, bis Sie das Programmieren und Testen für mehr kundenspezifische Konstruktionsarbeit durchführen.

Sobald Sie eine Vorlage gefunden (und sogar angepasst haben), die Sie lieben, können Sie sie immer wieder verwenden. Mit den Tools zum Design und zur Spamprüfung von Campaign Monitor können Sie darauf vertrauen, dass Ihre E-Mail-Nachrichten für Empfänger überall gut aussehen.

Was ist eine HTML-E-Mail-Vorlage??

Kurz gesagt handelt es sich bei einer HTML-E-Mail-Vorlage (die wir ab jetzt einfach als "Vorlage" bezeichnen) um ein HTML-Dokument und zugehörige Bilddateien, die für den Import in eine E-Mail-Plattform wie Campaign Monitor oder MailChimp vorgesehen sind. Nach dem Import können Vorlagen immer wieder zum Erstellen von E-Mail-Marketingnachrichten verwendet werden, die an eine Liste von Abonnenten (z. B. E-Mail-Empfänger) gesendet werden können. Diese können in Form von Newslettern, wöchentlichen Zusammenfassungen von Bloginhalten, Einladungen zu Veranstaltungen und mehr vorliegen.

Tags für Kampagnenmonitor-Vorlagen

Eine E-Mail-Vorlage sollte bearbeitbare Text- und Bildbereiche enthalten - entweder eigenständig oder in wiederholbaren "Layouts", wie in der Campaign Monitor-Tagessprache definiert. Diese vielseitige Sprache kann verwendet werden, um heruntergeladene HTML-E-Mail-Vorlagen zu personalisieren, vorhandene HTML-E-Mail-Newsletter in Vorlagen umzuwandeln oder eigene Vorlagen zu erstellen.

Beispiele für die Tag-Tag-Sprache der Campaign Monitor-Vorlage, Demos von der Evo-Vorlage
  • ist ein Inhaltsblock, der unendlich oft wiederholt werden kann.
  • enthält mehrere separate Designs in einem sich wiederholenden Element.
  •  gibt HTML-Code aus, den Sie mit dem WYSIWYG-Editor von Campaign Monitor ändern können.

Wenn eine Vorlage korrekt mit Tags codiert wurde, können Sie sie importieren und anschließend mit dem E-Mail-Editor von Campaign Monitor E-Mail-Kampagnen und automatisierte Workflows erstellen.

Warum eine Vorlage verwenden??

Wenn für Ihr Unternehmen (oder das Ihres Kunden) bestimmte Markenrichtlinien gelten, ist es wahrscheinlich, dass die E-Mail-Newsletter, mit denen Sie arbeiten, bereits ein etabliertes Erscheinungsbild aufweisen. Alternativ können Sie, wenn Sie einen ersten Vorstoß im E-Mail-Marketing machen, alle Ihre Nachrichten auf eine bestimmte Weise aussehen lassen. eine, die mit dem E-Mail-Builder nicht erreicht werden kann.

In beiden Fällen können Sie mit einer Vorlage Ihre Marke pflegen und die Bearbeitungszeit von Design-to-Send drastisch reduzieren, verglichen mit dem Kodieren einer HTML-E-Mail von Grund auf.

Wenn Sie eine Vorlage gefunden haben, die genau das Layout und die Ästhetik hat, die Sie suchen, ist dies erledigt! Sie können den nächsten Abschnitt überspringen, ihn in Campaign Monitor importieren und mit dem Erstellen von E-Mail-Kampagnen beginnen. Wenn Sie jedoch Änderungen vornehmen müssen, kann Folgendes hilfreich sein.

Fertigkeiten, die Sie zum Bearbeiten einer Vorlage benötigen

Wenn Sie früher eine Webseite erstellen wollten, würden Sie Notepad starten, um eine HTML-Datei zu erstellen. Erstellen Sie einen Ordner für die Bilder (normalerweise als "gut" bezeichnet), / Bilder). Nachdem Sie einige Stunden lang Inhalte hinzugefügt und in Ihrem Browser getestet haben, laden Sie das gesamte Los in einen öffentlichen Ordner im Web hoch.

All diese Jahre später ist die Arbeit mit Vorlagendateien nicht unähnlich. Statt hochzuladen, importieren wir die Vorlage jedoch in Campaign Monitor. Um diesen Schritt zu erreichen, benötigen Sie:

  • Grundkenntnisse in HTML / CSS-Codierung
  • Die Tag-Tag-Sprache von Campaign Monitor
  • Anleitung zur CSS-Unterstützung in HTML-E-Mail
  • Ein Code-Editor wie TextMate, Sublime Text oder Brackets

Wenn Sie HTML-Dokumente sicher bearbeiten und testen können (wobei zu bedenken ist, dass die CSS-Unterstützung in E-Mail-Clients wie Google Mail, Outlook und anderen fabelhaft eigenartig ist), können Sie E-Mail-Vorlagen zur Freude Ihres Herzens bearbeiten.

So importieren Sie eine Vorlage in Campaign Monitor

Um Ihre Vorlage für den Import vorzubereiten, benötigen Sie:

  • Die HTML-Datei.
  • Alle anderen Dateien, auf die Ihr HTML verweist (z. B. Bilder und CSS), sind in einem einzigen Ordner enthalten und im ZIP-Format komprimiert.

Sobald Sie fertig sind, können Sie die Vorlage in die importieren Vorlagen Abschnitt Ihres Campaign Monitor-Kontos:

  1. Klicken Sie auf Ihr Profilbild und gehen Sie zu Vorlagen.
  2. Gehe zu Einführen.
  3. Weisen Sie Ihrer neuen Vorlage einen Namen zu, z. B. "Mein Newsletter".
  4. Klicken Datei wählen (unten HTML-Seite), um die HTML-Datei von Ihrem Computer auszuwählen.
  5. Dann klick Datei wählen (unten Alle anderen Bild- und CSS-Dateien), um die ZIP-Datei (falls vorhanden) von Ihrem Computer aus auszuwählen.
  6. Klicken Vorlage hinzufügen um die Dateien hochzuladen.

Funktioniert die Vorlage??

Wenn Sie die Vorlage importieren konnten, herzlichen Glückwunsch! Sie sollten es unter sehen Meine Vorlagen wenn Sie eine neue E-Mail-Kampagne oder einen neuen Workflow erstellen. Nach der Auswahl können Sie mit dem Hinzufügen von Inhalten im E-Mail-Editor von Campaign Monitor beginnen.

Nachdem Sie eine Kampagne erstellt haben, können Sie sie automatisch in über 20 großen E-Mail-Clients wie Mail für iPhone & iPad, Gmail, Outlook und mehr testen, wobei Sie die Design- und Spam-Tests von Campaign Monitor verwenden. Alternativ können Sie die Kampagne auch manuell testen, indem Sie eine Test-E-Mail über verschiedene Geräte an Ihre E-Mail-Konten senden.

Was kann möglicherweise schief gehen?

Auf dem Weg können immer Probleme auftreten, von dem Moment an, an dem Sie versuchen, eine Vorlage zu importieren, bis zur Testphase. Hier ein kurzer Blick auf einige klassische Probleme und Lösungen:

Die Vorlage wird nicht in Campaign Monitor importiert

Stellen Sie sicher, dass der HTML-Code (einschließlich der Vorlagen-Tags) korrekt ist.

Stellen Sie sicher, dass Sie nicht versehentlich versuchen, große und nicht benötigte Dateien wie Photoshop-Elemente und Videos zu importieren.

Meine Kampagne sieht auf mobilen Geräten nicht gut aus

Stellen Sie sicher, dass das HTML-E-Mail-Dokument "responsiv" ist, dh. enthält gültige Medienabfragen im CSS-Stylesheet. Beachten Sie, dass nicht alle E-Mail-Clients Medienabfragen unterstützen, einschließlich Google Mail unter iOS / Android.

E-Mails sehen in einer Vielzahl von Posteingängen anders aus 

Sie können beispielsweise feststellen, dass Google Mail anders aussieht als beispielsweise Apple Mail. Prüfen Sie, ob die HTML-E-Mail CSS3-Eigenschaften und Webfonts enthält - und bietet nach Möglichkeit Fallbacks. Nicht alle E-Mail-Clients bieten umfassende CSS-Unterstützung. Oft ist es jedoch möglich, sicherzustellen, dass die Nachricht immer noch lesbar ist und sich auch unter nicht perfekten Bedingungen grausam verschlechtert.

In Summe

Eine gute E-Mail-Vorlage lässt Ihre Kampagnen sowohl auf mobilen Geräten als auch auf Web- und Desktop-Geräten gut aussehen. Auch wenn sich die Darstellung in einem Webbrowser und im Posteingang unterscheiden kann, sollte die Nachricht immer lesbar und leicht zu navigieren sein.

Wenn Sie bisher HTML-E-Mails manuell importiert haben, werden Sie wahrscheinlich feststellen, dass die Verwendung einer guten E-Mail-Vorlage Ihnen und Ihrem Team unzählige Stunden beim Erstellen, Importieren und Testen von E-Mail-Nachrichten erspart. Sie werden sich fragen, wie Sie jemals ohne es überlebt haben!

Ich hoffe, dass Ihnen dieses Tutorial gefallen hat und Sie sich jetzt sicher fühlen, eine Vorlage auszuwählen, sie für Campaign Monitor vorzubereiten, sie dann zu importieren und für Ihre E-Mail-Kampagnen und automatisierten Workflows zu verwenden. Als Inspiration empfehle ich den Besuch der E-Mail-Design-Galerie von Campaign Monitor. Anschließend können Sie Ihr Vorlagen-Know-how verwenden, um Ihr eigenes einzigartiges Design zu erstellen!

Nützliche Ressourcen

  • Kampagnenmonitor-Vorlagen auf Envato Market
  • E-Mail-Design-Galerie für Kampagnenmonitor als Inspiration
  • Erstellen einer zukunftssicheren Responsive E-Mail ohne Medienabfragen
  • Erste Schritte mit E-Mail-Marketing