2012-07-04 12 views
5

für einen meiner Kunden habe ich ein Mailsystem für seine Kunden entwickelt. Seine Kunden sammeln E-Mailadressen in ihren Geschäften und möchten diese ab und zu für Mailings verwenden.Bester WYSIWYG-Editor für Mailing (oder den besten Weg, um Mailing zu verwenden)

Ich bin mir aller möglichen Dinge bewusst, die schiefgehen können, aber soweit ich sehen kann, haben wir es so gut wie möglich abgedeckt. Wir verwenden SMTP (authentifiziert), um die E-Mails an die Kunden zu senden, E-Mails werden serverseitig signiert, wir teilen die E-Mails mit maximal 25 pro 5 Minuten auf, senden Kopfzeilen an den Opt-out-Standort usw. Dies ist nur die Spitze des Eisbergs in Bezug auf alle Dinge, auf die ich aufpassen muss. Aber ich warnte meinen Kunden, dass er besser mit einer bestehenden App wie MailChimp umgehen könnte, aber er bestand darauf, es selbst zu machen.

Nachdem die Entwicklung unserer Beta-Version abgeschlossen war, haben wir einige Tests durchgeführt und alle Dinge sind ziemlich gut gelaufen. Habe keine Spamordnerprobleme gehabt, alle Mails sind gut in den verschiedenen Clients zu lesen, und so weiter.

Allerdings ist eine Sache ein wenig hart im Moment .. der Editor! Wir erstellen Vorlagen für unsere Kunden (1 Vorlage, 6 Stile). Unsere Kunden können diese in ihren Editor laden und den darin enthaltenen Text bearbeiten. Soweit wir (und der Client) sehen können, läuft alles ziemlich gut - der Editor erstellt keinen e-mail-freundlichen HTML-Code (ich hätte es wissen sollen ...)

Ich habe das Netz gesucht einige Artikel/Anleitungen, aber es gibt wirklich weniger zu finden.

Derzeit verwenden wir CKEditor (Editor) und KCFinder (Image Plugin). Soweit ich weiß, ist CKEditor das beste kostenlose WYSIWYG verfügbar ... aber ist es gut für die E-Mail-Bearbeitung?

Ich bemerkte, dass einige Unternehmen einen benutzerdefinierten Editor (MailChimp) verwenden andere TinyMCE (Enormail.eu) verwendet.

Hat jemand eine gute Empfehlung? Oder ist CKeditor die beste Option, aber muss ich einige der Einstellungen ändern, um den bestmöglichen HTML-Code für Mailings zu erhalten?

Vielen Dank im Voraus!

+2

Was genau meinen Sie mit "e-mail-freundlichen HTML-Code"? – Doa

+0

nun, ich bin mir nicht 100% sicher. Ich bekomme die Vorlagen "geschnitten für E-Mail". Grundsätzlich, soweit ich weiß, werden E-Mail-Vorlagen mit Tabellen und Inline-CSS-Attributen aufgebaut. Ebenfalls; Nicht alle CSS funktionieren in E-Mail-Clients. Wenn ich könnte, würde ich Ihnen alle Unterschiede sagen, aber E-Mailmarketing ist leider auch nicht meine Sache. Ich versuche im Moment so viel Wissen wie möglich zu sammeln. –

Antwort

5

Ich habe ein wenig Nachforschungen darüber gemacht, weil ich CKEditor auch für E-Mail-basierte Bearbeitung verwenden möchte.

Im Allgemeinen ist CKEditor der beste WYSIWYG-Web-Editor, aber Sie müssen einige Techniken verwenden, die normalerweise nicht in HTML-Seiten verwendet werden.

Da Sie Vorlagen verwenden (ich denke CKEdtiors config.templates) meisten Ihrer Optimierung wird in Ihren Vorlagen sein, und nicht keine Konfiguration von CKEditor.

Dies sind die wichtigsten Ziele:

  • die <style> Tag nicht verwenden Sie - stattdessen Inline-Stile verwenden (das style Attribut). Einige Webmail-Leser lesen dieses Tag nicht.

  • Nicht Verwendung config.fullPage = true; seit einigen Lesern den <body> Tag nicht lesen.

  • Verwenden Sie anstelle von <body>, <div> und anderen für das Layout verwendeten Tags Tabellen.Ja, diese Technik ist alt, aber dadurch können Sie sicherstellen, dass (fast) alle Leser die Seite richtig darstellen. Verwenden Sie diese Stile für das <table>-Tag anstelle des Anwendens von Stilen auf das <body>-Tag.

  • nicht absolute Positionierung anwenden. Tabellen können auch an der Lösung teilnehmen.

  • Für alle Bilder - Legen Sie die alt Attribut, und für alle Breiten- und Höhen Optimierungen, verwenden Sie keine CSS-basierte Breite und Höhe. Ich meine - statt <img style="width: 100px;" /><img width="100px" /> verwenden.

Zusätzlich, eine der wichtigsten Dinge, anpassen und output formatting zu optimieren. Ich persönlich ändere mindestens breakAfterOpen : true innerhalb writer.setRules('p').

CKEditor ist der beliebteste WYSIWYG-Web-basierte HTML-Editor, und ich denke, es gibt keinen anderen Web-basierten Editor für E-Mail.

Noch eine Sache, die ich an denken kann, ist, dass, nachdem Ihr Client seine Nachricht fertig geschrieben hat, es eine Option für ihn gibt, die Nachricht in einigen populären Mail-Clients anzuzeigen. Es gibt viele E-Mail-Test- und Vorschau-Tools, aber leider habe ich nichts kostenlos gefunden.

Ich hoffe wirklich, dass es jemandem geholfen hat!

+0

Die Vorlagen werden mit einem HTML-Code und Tag geliefert. Außerdem habe ich 'fullPage = true' hinzugefügt, da CKEditor die Tags während der Bearbeitung entfernt hat. Die ausgelieferten Vorlagen enthalten in den Tags ein kleines CSS, z. B .: body/link color. Soweit ich weiß, muss ich versuchen, so grundlegenden Code wie möglich zu verwenden (mit alten Inline-Stil-Tags wie dem Tag). Abgesehen von Ihrer Empfehlung, die Vollseite NICHT zu verwenden, ist alles bereits abgedeckt. –

+0

Oh, und ich verwende nicht config.templates. Die Vorlagen sind E-Mail-fähige HTML-Dateien.Diese werden beim Laden der Seite als Inhalt in den Textbereich geladen (einfach mit file_get_contents() oder einer ähnlichen Funktion in PHP). –

+0

Ich bezweifle, dass fullPage = true ist schlecht, da - zum Beispiel - CampaignMonitor Vorlagen WITH Kopf/Körper-Tags verwendet. Durch Deaktivieren würden Teile der CSS- und Header-Informationen des Mailings entfernt. –

1

Ich habe seit drei Jahren auf einem Webmail gearbeitet. Ich könnte versuchen tinyMCE, CKEditor oder Redactor. Keine bietet eine perfekte Lösung. Sie stoßen immer noch auf Probleme und sollten immer Funktionen hinzufügen. Einige sind zu schwer, zu langsam, Mangel an Funktionen.

Die eine fand ich am effektivsten ist, dass von Google Mail, aber leider ist der Code nicht verfügbar ist.

Die beste Lösung ist es, Ihre WYSIWYG sogar gerade zu erstellen.

UPDATE

Squire Versuchen von Fastmail gemacht.