HTML-Newsletter

Aus WikiWICE
Wechseln zu: Navigation, Suche

HTML-Newsletter mit der WICE CRM-Groupware verschicken

Mit der WICE CRM-Groupware können Sie neben einfachen Textmailings auch im HTML-Format gestaltete Newsletter verschicken. Hierzu müssen Sie den gesamten Newsletter, also Text und Gestaltung, in einem externen Editor, z. B. einem speziellen HTML-Editor, erstellen und dann per Copy & Paste in die WICE CRM-Groupware übertragen. Des Weiteren muss die Checkbox "Email im HTML-Format versenden" aktiviert sein. Weitere Informationen finden Sie im Artikel Kampagnen.

Pro und Contra HTML-Newsletter

In der Standardeinstellung werden Newsletter von der WICE CRM-Groupware im Textformat verschickt. Sie können den Text direkt in das Eingabefeld eingeben oder per Copy & Paste aus einem anderen Programm übertragen. Die Gestaltungsmöglichkeiten sind hier sehr begrenzt. Jedoch sehen die Newsletter in jedem E-Mailclient gleich aus.

HTML bietet die Möglichkeit das Aussehen des Newsletters zu beeinflussen und Bilder in den Newsletter einzubauen. Da jedoch nicht jeder E-Mailclient in der Lage ist, sämtliche HTML-Befehle einwandfrei zu interpretieren, kann es zu unterschiedlichen Ergebnissen kommen. Gut gestaltete HTML-Newsletter haben eine höhere Aufmerksamkeit als Textmails und der Wiedererkennungswert ist deutlich höher.

Des Weiteren haben viele Firmen den Empfang von E-Mails im HTML-Format ausgeschaltet. Selbst wenn der HTML-Empfang aktiviert ist, kann das Nachladen von Grafiken aus dem Internet geblockt sein, so dass an der Stelle der Grafik ein "Loch" im Newsletter bleibt. Spamfilter, die nach einem Bewertungsalgorythmus arbeiten, bewerten HTML-Mails negativ, so dass hier die Gefahr groß ist, dass die E-Mail im Spamfilter hängen bleibt.

Nur um eine Überschrift fett anzeigen zu lassen, lohnt sich der Aufwand für einen HTML-Newsletter nicht!

Hinweise zur Gestaltung von HTML-Newslettern

Grundsätzlich sollte folgendes beachtet werden:

  • Den HTML-Newsletter für Empfänger mit "ausgeschalteten" Grafiken designen
  • Niemals Grafiken für wichtige Inhalte, wie z.B. Überschriften, verwenden
  • Grafiken laden Sie auf Ihren Webserver und geben dann im HTML-Tag für die Grafik den kompletten Pfad an:
    <img src="http://meinserver.de/images/meinegrafik.gif">
  • Grafiken immer mit dem alt-tag beschriften:
    <img src="http://meinserver.de/images/meinegrafik.gif" alt="Logo MeineFirma">
  • Höhen- und Breitenangaben bei Grafiken angeben:
    <img src="http://meinserver.de/images/meinegrafik.gif" alt="Logo MeineFirma" height="80" width="150">
  • Kein Flash verwenden!
  • Kein JavaScript verwenden!
  • Vor der Verschickung den Empfang in verschiedenen E-Mailclients testen


Smile orange.png
Tipp:

Laden Sie den HTML-Newsletter auch als Webseite auf Ihren Webserver und geben in Ihrem Newsletter einen Link zu dieser Seite an. Dann kann sich den Newsletter jeder genau so anschauen, wie Sie sich das vorstellen.

Eine Einführung in die HTML-Programmierung und eine Auflistung sämtlicher HTML-Tags finden Sie hier: http://de.selfhtml.org

HTML-Editoren

Ein HTML-Editor ist ein Computerprogramm, mit dem man Internetseiten mit HTML-Code erstellen und abändern kann. Dabei unterscheidet man textbasierte Programme, bei denen direkt der Quellcode editiert wird, und so genannte WYSIWYG-Editoren, bei denen die Seite beim Bearbeiten so angezeigt wird, wie sie der Browser später darstellt bzw. darstellen sollte. Häufig ermöglichen WYSIWYG-Editoren, den Quellcode auch direkt zu bearbeiten. Einige Editoren können auch mit auf Webservern eingesetzten Scriptsprachen, wie zum Beispiel PHP, umgehen. Gute HTML-Editoren besitzen eine so genannte Syntaxhervorhebung, welche Tags im Quellcode farblich kenntlich macht. Die besten dieser Programme unterstützen auch Autovervollständigen.

HTML-Code kann aber auch in jedem normalen Texteditor geschrieben werden.

Eine Liste von HTML-Editoren für die unterschiedlichsten Betriebssystem finden Sie hier: http://de.wikipedia.org/wiki/Liste_von_HTML-Editoren

Templates für HTML-Newsletter

Wenn Ihnen die Gestaltung eines eigenen HTML-Newsletters zu kompliziert oder zu aufwändig ist, können Sie auch auf praxiserprobte E-Mail-Templates zurückgreifen. Hiermit erhalten Sie professionell gestaltete Vorlagen, die nach kurzer Anpassung sofort einsatzbereit sind. Es gibt jede Menge Seiten mit Newsletter-Vorlagen zur freien Verwendung. Auf http://www.campaignmonitor.com/templates oder http://www.mailchimp.com/resources/html_email_templates finden Sie für die unterschiedlichsten Einsatzgebiete zahlreiche Vorlagen.

Beispielvorlage für einen HTML-Newsletter

Die E-Mail-Clients verarbeiten HTML-E-Mail sehr unterschiedlich. Nicht alle Clients beherrschen den gesamten HTML-Befehlssatz. Deshalb sollten Sie sich bei der Gestaltung der HTML-Newsletter auf einen einfachen Gestaltungsrahmen beschränken. Die folgende Vorlage können Sie als Basis für Ihren eigenen HTML-Newsletter verwenden. Dieser wurde von uns in verschiedenen Clients getestet und läßt sich sehr einfach mit Inhalten befüllen.

Vorlage HTML-Newsletter Download über: Rechte Maustaste => Ziel speichern unter

In den Style-Sheet-Befehlen können Sie die Farben und Größen für die Links und die Überschriften definieren. Die Blöcke werden über div-Container definiert. Hier können Sie ebenfalls die Farben verändern. Der Header kann mit einer Grafik belegt werden. Diese wird dann über den oberen Block gelegt.

Sie können ohne Probleme weniger oder mehr Artikel anlegen. Orientieren Sie sich an den Vorgaben. Die Artikel können mit einer kleinen Grafik angereichert werden. Denken Sie daran, hier die Größen richtig zu setzen. Bei jeder Grafik sollten Sie eine Beschriftung über den ALT-Befehl im IMG-Tag setzen.

Am unteren Bereich sollten Sie den Leser mit Informationen versorgen, damit er weiß, wie er sich vom Newsletter abmelden kann. Hierzu sind Sie vom Gesetzgeber verpflichtet. Ebenfalls verpflichtet Sie der Gesetzgeber ein Impressum anzugeben. Verwenden Sie am besten die Informationen von Ihrer Webseite hierfür.

HTML-Newsletter testen

Vor der Verschickung sollten Sie die E-Mail in verschiedenen Clients anschauen. Ein hilfreiches Tool zur Analyse ist der ”HTML Email Analyzer“. Dies ist ein Firefox-Plugin mit dem Sie Ihre HTML-E-Mail testen können. Das kostenlose Tool zeigt an, ob generelle Gestaltungsregeln verletzt werden, ob es Spamworte gibt, die Bilder zu groß sind oder HTML-Fehler vorkommen. Sie finden das Tool unter http://email-marketing.me/.

Die Devise bei HTML-Newslettern lautet: Keep it simple. Daran sollten Sie sich halten!

Klickzahlen von Artikeln erfahren

Wenn Sie wissen wollen, welche Artikel gelesen wurden. Dann können Sie dafür einen "URL-Verkürzer" einsetzen. Beispielsweise bietet Ihnen der kostenlose Service von bit.ly Statistiken über Klickzahlen an. Wenn Sie sich hier registrieren, dann können Sie sämtliche Links Ihres Newsletters hier eingeben und erfahren dann, wie häufig welcher Link aus dem Newsletter angeklickt wurde.