2012-07-04 36 views
5

cho một trong những khách hàng của tôi, tôi đã phát triển một hệ thống thư cho khách hàng của mình. Khách hàng của anh ta đã thu thập địa chỉ thư điện tử trong các cửa hàng của họ và muốn bắt đầu sử dụng chúng để gửi thư một lần trong một thời gian.Trình soạn thảo WYSIWYG tốt nhất để gửi thư (hoặc cách tốt nhất để sử dụng .. để gửi thư)

Tôi biết tất cả những điều có thể có thể xảy ra, nhưng theo như tôi thấy, chúng tôi đã nhận được khá nhiều cách tốt nhất có thể. Chúng tôi đang sử dụng SMTP (Authenticated) để gửi e-mail cho khách hàng, e-mail được ký tên serverside, chúng tôi đang chia nhỏ các thư với tối đa 25 mỗi 5 phút, gửi tiêu đề để chọn vị trí, v.v. Tôi có thể cảnh báo khách hàng rằng anh ta có thể sử dụng một ứng dụng hiện có như MailChimp tốt hơn nhưng anh ấy khăng khăng muốn làm điều đó.

Sau khi phát triển phiên bản beta của chúng tôi được thực hiện, chúng tôi đã chạy một số thử nghiệm và tất cả mọi thứ diễn ra khá tốt trên thực tế. Đã không có bất kỳ vấn đề spamfolder, tất cả các thư là tốt để đọc trong các khách hàng khác nhau, và như vậy.

Tuy nhiên, có một điều khó khăn hiện tại .. trình chỉnh sửa! Chúng tôi đang tạo mẫu cho khách hàng của chúng tôi (1 mẫu, 6 kiểu). Khách hàng của chúng tôi có thể tải chúng vào trình soạn thảo của họ và chỉnh sửa văn bản bên trong. Theo như chúng tôi (và khách hàng) có thể thấy, mọi thứ diễn ra khá tốt, tuy nhiên - trình soạn thảo không tạo mã HTML thân thiện với e-mail (tôi nên biết ...)

Tôi đã tìm kiếm trên mạng cho một số bài viết/cách thực hiện nhưng thực sự ít tìm thấy về điều này.

Hiện tại chúng tôi đang sử dụng CKEditor (Trình chỉnh sửa) và KCFinder (Trình cắm ảnh). Theo tôi biết, CKEditor là WYSIWYG miễn phí tốt nhất ... nhưng có tốt cho việc chỉnh sửa e-mail không?

Tôi nhận thấy một số công ty sử dụng trình chỉnh sửa tùy chỉnh (MailChimp), những người khác sử dụng TinyMCE (Enormail.eu).

Bất kỳ ai có đề xuất tốt? Hoặc là CKeditor tùy chọn tốt nhất, nhưng tôi có cần phải sửa đổi một số cài đặt để nhận được mã html tốt nhất có thể cho thư không?

Cảm ơn trước!

+2

Ý của bạn chính xác là gì với "mã HTML thân thiện với e-mail"? – Doa

+0

tốt, tôi không chắc chắn 100% bản thân mình. Tôi nhận được các mẫu được phân phối "được cắt lát cho e-mail". Về cơ bản, theo như tôi biết các mẫu e-mail được xây dựng bằng cách sử dụng các bảng và các thuộc tính CSS nội tuyến. Cũng thế; không phải tất cả CSS sẽ hoạt động trong các ứng dụng email. Nếu tôi có thể nói cho bạn biết tất cả những khác biệt, nhưng thật không may là e-mailmarketing không phải là việc của tôi. Tôi đang cố thu thập càng nhiều kiến ​​thức càng tốt vào lúc này. –

Trả lời

5

Tôi đã thực hiện một ít nghiên cứu về nó, bởi vì tôi cũng quan tâm đến việc sử dụng CKEditor để chỉnh sửa dựa trên E-Mail.

Nói chung, CKEditor là trình soạn thảo web WYSIWYG tốt nhất, nhưng bạn phải sử dụng một số kỹ thuật không được sử dụng thường trong các trang HTML.

Vì bạn đang sử dụng mẫu (Tôi đoán CKEdtior's config.templates) hầu hết các tối ưu hóa của bạn sẽ có trong mẫu của bạn và không phải cấu hình của CKEditor.

Đây là những mục tiêu chính:

  • Không sử dụng thẻ <style> - thay vào đó, sử dụng phong cách nội tuyến (các style thuộc tính). Một số trình đọc email trên web không đọc thẻ này.

  • Không sử dụng config.fullPage = true; vì một số độc giả không đọc thẻ <body>.

  • Thay vì sử dụng <body>, <div> và các thẻ khác được sử dụng để bố cục, hãy sử dụng bảng.Có, kỹ thuật này là cũ, nhưng bằng cách làm điều này bạn có thể chắc chắn rằng (gần như) tất cả các độc giả sẽ làm cho trang một cách chính xác. Thay vì áp dụng kiểu cho thẻ <body>, hãy sử dụng kiểu này cho thẻ <table> chính.

  • Không sử dụng vị trí tuyệt đối. Bàn cũng có thể tham gia vào giải pháp.

  • Đối với tất cả hình ảnh - Chèn thuộc tính alt, cho tất cả chiều rộng và chiều cao tối ưu, không sử dụng chiều rộng và chiều cao dựa trên CSS. Ý tôi là - Thay vì sử dụng <img style="width: 100px;" />, hãy sử dụng <img width="100px" />.

Ngoài, một trong những điều quan trọng, là để tùy chỉnh và tối ưu hóa output formatting. Cá nhân tôi thay đổi ít nhất breakAfterOpen : true bên trong writer.setRules('p').

CKEditor là trình soạn thảo HTML dựa trên web WYSIWYG phổ biến nhất và tôi đoán không có trình chỉnh sửa dựa trên web nào khác cho Email.

Một điều nữa mà tôi có thể nghĩ đến là, là sau khi khách hàng của bạn hoàn thành viết tin nhắn của mình, sẽ có một tùy chọn để xem trước thư trong một số ứng dụng thư phổ biến. Có rất nhiều công cụ kiểm tra và xem trước email trên mạng, nhưng tiếc là tôi không tìm thấy gì miễn phí.

Tôi thực sự hy vọng rằng nó đã giúp một ai đó!

+0

Các mẫu được phân phối bao gồm thẻ html và . Ngoài ra tôi đã thêm 'fullPage = true' vì CKEditor đang xóa các thẻ trong khi chỉnh sửa. Các mẫu được phân phối có một chút CSS trong các thẻ , chẳng hạn như: màu body/link. Theo như tôi biết, tôi phải cố gắng sử dụng mã cơ bản càng tốt (sử dụng thẻ kiểu nội tuyến cũ như thẻ ). Vì vậy, ngoài khuyến cáo của bạn để không sử dụng fullpage, tất cả mọi thứ đã được bảo hiểm rồi. –

+0

Ồ, và tôi không sử dụng config.templates. Các mẫu là các tệp HTML sẵn sàng e-mail.Được tải dưới dạng nội dung vào vùng văn bản khi tải trang (chỉ đơn giản bằng cách sử dụng file_get_contents() hoặc một hàm tương tự trong PHP). –

+0

Tôi nghi ngờ rằng fullPage = true là xấu, vì - ví dụ - CampaignMonitor đang sử dụng các mẫu WITH head/body tags. Vô hiệu hóa điều này sẽ loại bỏ các phần của css và headerinformation của việc gửi thư. –

1

Tôi đã làm việc được ba năm trên webmail. Tôi có thể thử tinyMCE, CKEditor hoặc Redactor. Không có gì cung cấp một giải pháp hoàn hảo. Bạn vẫn gặp phải vấn đề và bạn nên luôn thêm chức năng. Một số quá nặng, quá chậm, thiếu tính năng.

Tôi thấy hiệu quả nhất là Gmail, nhưng không may, mã không có sẵn.

Giải pháp tốt nhất là tạo WYSIWYG của bạn ngay cả hiện tại.

CẬP NHẬT

Cố gắng Squire do FastMail.

Các vấn đề liên quan