Eine Methode zum einfachen Bearbeiten von HTML-E-Mail-Vorlagen

Ich entwerfe und entwickle einige HTML- E-Mail-Vorlagen für Massenmailings. Ich wurde gebeten, eine einfache Lösung für eine nicht technische Person bereitzustellen, um sie sicher und einfach zu bearbeiten.

Ich befürchte, dass herkömmliche WYSIWYG-Editoren den für E-Mails erforderlichen Code im "alten Stil" durch Code im "modernen Stil" ersetzen können, der mit einigen E-Mail-Clients nicht kompatibel ist.

Ich werde die Vorlagen in den Haupt-Mail-Clients testen, aber es ist nicht praktisch, dies jedes Mal zu verlangen, wenn sie bearbeitet werden. Die Person würde sowieso nicht wissen, wie man sie repariert.

Was empfehlen Sie? Ich habe darüber nachgedacht, einen HTML-Generator zu erstellen, der die Daten aus einem Formular in Quellcode konvertiert, aber es scheint, dass dies eine Menge Arbeit ist.

Hinweis: Ich kann den E-Mail-Versandanbieter nicht ändern. (Es ist Silverpop.)

Wenn alle Benutzer den Inhalt oder relativ einfache Anzeigeoptionen bearbeiten, würde ich die Verwendung eines einfachen CMS in Betracht ziehen. Sie sind nicht unbedingt nur zum Bauen von "Websites" gedacht. Mit etwas kreativem Jonglieren von Kategorien / Tags könnten sie einfach ein paar Einträge mit demselben Datum erstellen lassen und dann ein "tägliches Archiv" erstellen, das auf der Mailing-Vorlage basiert, die sie aus View Source kopieren / einfügen würden. Selbst das könnte ein wenig vereinfacht werden, indem eine Version der Vorlage direkt vom Quellcode oder ähnliches erstellt wird, aber es gibt nicht genug Details zu Ihren oder Silverpops Anforderungen (ich habe sie nie verwendet), um dies zu sagen.

Ich denke, die Idee des HTML-Generators ist die beste. Daran habe ich gedacht, bevor ich zu diesem Absatz kam, als ich Ihre Frage las. Wie viel Arbeit es kostet, hängt von Ihrer Programmiererfahrung ab und davon, ob Sie Zugriff auf einen Webserver in Ihrer Organisation haben. Wenn die Bilder nicht wären, wären es ein paar Skriptzeilen wie (dies ist kein echtes Skript):

open(file)
write(htmlheader + formheader1 + inbetweenbit + formtext1 + otherinbetweenbit +
formheader2 + inbetweenbit etc.
close(file)

Das Fummelige ist das Hochladen der Bilder, von denen ich annehme, dass sie derzeit nicht auf Ihrer Website verfügbar sind. Im Internet finden Sie jedoch verschiedene Skripte, die Ihnen zeigen, wie Sie dies in Ihrer bevorzugten Skriptsprache tun können. Wenn die Benutzer es verwalten können, können sie die Größe vor dem Hochladen ändern oder Sie können sie einfach in der richtigen Größe im HTML-Code anzeigen (dies beansprucht jedoch zusätzliche Bandbreite für Ihre Empfänger). Alternativ können Sie Image Magick verwenden , um die Größe zu ändern, da es für eine Reihe von Sprachen verfügbar ist.

Ich würde ein starkes Geschäftsmodell präsentieren, um den E-Mail-Service zu ändern

Ihr Kunde sagt, dass er sich nicht vom aktuellen E-Mail-Anbieter entfernen kann. Geben Sie ihnen einen guten Grund zum Wechsel! Ich habe die Erfahrung gemacht, dass kein Unternehmen, wenn es mit klar dargelegten Vorteilen präsentiert wird, für immer mit einem einzigen Service oder einer einzigen Software verbunden ist.

Aus diesem Grund schlage ich vor, dass Sie einen Fall für die Verlagerung des E-Mail-Dienstes nach MailChimp erstellen, der über umfangreiche Vorlagenfunktionen verfügt , die genau das tun, was Sie beschreiben:

Sie erstellen die ursprüngliche Vorlage mit bearbeitbaren sich wiederholenden Bereichen. Benutzer ohne HTML-Kenntnisse können dann nur diese Regionen hinzufügen und bearbeiten (und im Fall Ihres Sieben-Header-Szenarios mehrere erstellen) und dann Kampagnen senden, ohne sich Gedanken über das Brechen der Master-Vorlage machen zu müssen, die nur für Administratoren bearbeitet werden kann.

Meiner Meinung nach wäre dies eine schnellere, billigere und weniger stressige Lösung als der Versuch, Ihren eigenen Template-Service zu hacken, der mit Silverpop verknüpft ist. Es kann Sie 50 Stunden dauert eine gute Template - Engine zu bauen , dass die Arbeiten rund um die Schwächen in ihrer bestehenden Software oder ein CMS zusammen zu hacken Art zu tun , was Sie benötigen. Das Ergebnis wäre wahrscheinlich funktionsfähig, aber nicht so leistungsfähig oder ausgefeilt wie ausgereiftere Software wie MailChimp.

Wenn ein Client eine Reihe von Einschränkungen erstellt, sollten Sie sich fragen, warum diese überhaupt vorhanden sind, und dann versuchen, sie aufzubrechen oder vollständig zu entfernen. Oft habe ich festgestellt, dass sich die Einschränkungen als künstlich erweisen. Wenn Sie aktiv stöbern und sich fragen, warum es sie gibt, finden Sie häufig Unternehmen, die Software verwenden, die nicht für den Zweck geeignet ist, weil "es immer so war" oder "das hat Big Dave eingerichtet, bevor er nach Thailand gezogen ist, um eine Bar zu eröffnen". (Ehrlich gesagt; jemand hat mir das wirklich gesagt!)

Zeigen Sie ihnen, dass MailChimp (oder welcher Dienst, den Sie ihnen gerne empfehlen) billiger / produktiver / besser für Vorlagen / einfacher zu verwenden / besser dokumentiert / vertrauenswürdig von The Economist usw. ist, und sehen Sie, was sie sagen. Zeigen Sie ihnen, dass dies das ist, was ihre Konkurrenten verwenden, weil es x, y und z bietet. Erinnern Sie sie daran, dass eine bescheidene Änderung große Vorteile bringen kann.

Es ist unsere Aufgabe als Webberater, die besten Lösungen vorzuschlagen, die wir können - die Dinge, die wir gerne unseren Freunden empfehlen und die wir gerne in unseren eigenen Unternehmen einsetzen. Manchmal bedeutet das einfach, den Kunden zu sagen, dass ihre Vorurteile darüber, dass ihre fest verwurzelte Software die beste ist, falsch sind.

Ich stimme @paulmorriss zu, dass der HTML-Generator Ihre beste Lösung sein wird. Sie können AJAX für das Hochladen von Bildern verwenden und ihnen die Option einer Live-Vorschau des Formulars geben. Am Ende müssen Sie jedoch nur das neu erstellen, was MailChimp sofort anbietet - was schade ist, weil es eine viel elegantere Lösung wäre. Da Sie jedoch mit dieser Lösung nicht weiterkommen, würde ich versuchen, einen Online-Rich-Text-Editor zu verwenden und die Daten, die sie "senden", neu zu formatieren, bevor sie tatsächlich gesendet werden. Hier sind einige jQuery-basierte:

jwysiwyg

Markitup

htmlbox <- Sieht MS Word am ähnlichsten aus

CLEditor <- In der Nähe von MS Word

Sie müssen diese weiter erweitern, als sie derzeit benötigen, um sowohl das gewünschte HTML zu exportieren als auch das Hochladen von Bildern zu ermöglichen, anstatt nur Bilder mit einer URL zu verknüpfen (wenn Sie die beste Benutzererfahrung erzielen möchten).