2012-07-04 18 views
5

爲我的客戶之一我一直在爲他的客戶開發郵件系統。他的客戶一直在他們的商店裏收集電子郵件,並希望立即開始使用這些郵件。最好的所見即所得的編輯郵件(或最好的方式來使用..郵寄)

我知道所有可能發生錯誤的事情,但據我所知,我們已經掌握了最好的方法。我們使用SMTP(Authenticated)將電子郵件發送給客戶,電子郵件在服務器上簽名,我們將郵件分爲每5分鐘最多25個郵件,發送郵件頭到退出位置等。可以想象這只是冰山一角,關於我必須注意的所有事情......但我警告我的客戶,他可能會更好地使用像MailChimp這樣的現有應用程序,但他堅持要做到這一點。

我們的測試版發展完成後,我們已經進行了一些測試,事實上所有的事情都非常順利。沒有任何垃圾郵件文件夾問題,所有郵件都適合在不同的客戶端閱讀,等等。

不過,現在有一件事情正在變得有點困難..編輯!我們正在爲我們的客戶創建模板(1個模板,6種樣式)。我們的客戶可以將它們加載到他們的編輯器中並編輯其中的文字據我們(和客戶)可以看到,一切都非常好,但是 - 編輯器不會創建電子郵件友好的HTML代碼(我應該知道...)

我已經搜索了網絡一些文章/方法,但真的很少找到這個。

目前我們正在使用CKEditor(編輯)和KCFinder(圖片插件)。據我所知,CKEditor是最好的免費WYSIWYG ...但它對電子郵件編輯有什麼好處?

我注意到一些公司使用自定義編輯器(MailChimp),其他人使用了TinyMCE(Enormail.eu)。

任何人都有很好的建議嗎?或者CKeditor是最好的選擇,但是我是否需要修改一些設置以獲得郵件的最佳html代碼?

在此先感謝!

+2

「電子郵件友好的HTML代碼」究竟是什麼意思? – Doa

+0

好吧,我不是100%確定我自己。我得到的模板交付「切片的電子郵件」。基本上,就我所知,電子郵件模板是使用表格和內聯CSS屬性構建的。也;並非所有的CSS都可以在電子郵件客戶端中使用。如果我能,我會告訴你所有的差異,但不幸的是,電子郵件營銷不是我的業務。我正試圖儘可能地收集儘可能多的知識。 –

回答

5

我對此做了一點研究,因爲我對使用CKEditor進行電子郵件編輯也很感興趣。

一般來說,CKEditor是最好的所見即所得網頁編輯器,但您必須使用一些通常不會在HTML頁面中使用的技術。

由於您使用的模板(我猜CKEdtior的config.templates)大多數優化將在您的模板中,而不是CKEditor的配置。

這些是主要的目標:

  • 不要使用<style>標籤 - 相反,使用內嵌樣式(該style屬性)。一些網絡郵件閱讀器不會讀取這個標籤。

  • 不要使用config.fullPage = true;因爲有些讀者沒有閱讀<body>標籤。

  • 而不是使用<body>,<div>,和其他用於佈局的標籤,使用表。是的,這種技術是舊的,但通過這樣做,您可以確保(幾乎)所有讀者都能正確呈現頁面。將代碼樣式應用於<body>標籤,而不是將這些樣式應用於主標籤<table>

  • 請勿使用絕對定位。表格也可以參與解決方案。

  • 對於所有圖像 - 爲所有寬度和高度優化插入alt屬性,,不要使用基於CSS的寬度和高度。我的意思是 - 而不是<img style="width: 100px;" />使用<img width="100px" />

此外,重要的事情之一,是定製和優化output formatting。我個人在writer.setRules('p')以內至少改變了breakAfterOpen : true

CKEditor是最流行的所見即所得的基於Web的HTML編輯器,我想沒有其他基於Web的電子郵件編輯器。

我還可以想到的另一件事是,在客戶完成寫他的消息後,他將有一個選項讓他在一些流行的郵件客戶端中預覽消息。有很多電子郵件測試和預覽工具,但不幸的是我沒有找到任何免費的東西。

我真的希望它幫助別人!

+0

模板交付包括一個HTML 和標籤。此外,由於CKEditor在編輯時刪除了標籤,我添加了'fullPage = true'。交付的模板在標記中有一點CSS,例如:body/link顏色。 據我所知,我必須嘗試儘可能使用基本代碼(使用舊的內聯樣式標籤,例如標籤)。因此,除了建議不要使用fullpage外,所有內容都已被覆蓋。 –

+0

哦,我沒有使用config.templates。這些模板是電子郵件就緒的HTML文件。當頁面加載時(只需使用file_get_contents()或PHP中的類似函數),將其作爲內容加載到textarea中。 –

+0

我懷疑fullPage = true是不好的,因爲 - 例如 - CampaignMonitor使用的模板WITH head/body標籤。禁用此功能將刪除部分郵件的css和headerinformation。 –

1

我在網絡郵件上工作了三年。我可以嘗試tinyMCECKEditorRedactor。沒有提供完美的解決方案。你仍然遇到問題,你應該總是添加功能。有些太重,太慢,缺乏特徵。

我發現最有效的是Gmail,但不幸的是,代碼不可用。

最好的解決方案是創建您的所見即所得甚至目前的

UPDATE

儘量Squire通過FastMail製造。