2012-07-04 20 views
5

para uno de mis clientes He estado desarrollando un sistema de correo para sus clientes. Sus clientes han estado recogiendo e-mailadresses en sus tiendas y quieren comenzar a usarlos para correos de vez en cuando.Mejor editor WYSIWYG para envío por correo (o la mejor manera de usarlo ... para envío por correo)

Soy consciente de todas las cosas posibles que pueden salir mal, pero por lo que puedo ver, lo tenemos prácticamente cubierto de la mejor manera posible. Estamos utilizando SMTP (autenticado) para enviar correos electrónicos a los clientes, correos electrónicos están firmados en el lado del servidor, estamos dividiendo los correos con un máximo de 25 por 5 minutos, enviando encabezados a la ubicación de la opción, etc. Puede imaginar que esto es solo la punta del iceberg con respecto a todas las cosas de las que tengo que ocuparme ... pero le advertí a mi cliente que quizás sería mejor que usara una aplicación existente como MailChimp, pero él insistió en hacerlo por sí mismo.

Después de que se realizó el desarrollo de nuestra versión beta, realizamos algunas pruebas y todo salió bastante bien. No he tenido ningún problema con la carpeta spam, todos los correos son buenos para leer en los diferentes clientes, y así sucesivamente.

Sin embargo, una cosa está siendo un poco difícil en este momento ... ¡el editor! Estamos creando plantillas para nuestros clientes (1 plantilla, 6 estilos). Nuestros clientes pueden cargar esto en su editor y editar el texto dentro. Por lo que nosotros (y el cliente) podemos ver, todo va bastante bien, sin embargo, el editor no crea código HTML amigable con el correo electrónico (debería haberlo sabido ...)

He buscado en la red algunos artículos/cómo hacerlo, pero hay mucho menos que encontrar sobre esto.

Actualmente estamos utilizando CKEditor (Editor) y KCFinder (complemento de imagen). Por lo que sé, CKEditor es el mejor WYSIWYG disponible ... pero ¿sirve para la edición de correo electrónico?

Noté que algunas compañías usan un editor personalizado (MailChimp) y otras usan TinyMCE (Enormail.eu).

¿Alguien tiene una buena recomendación? ¿O es CKeditor la mejor opción, pero necesito modificar algunas configuraciones para obtener el mejor código html posible para correos?

¡Gracias de antemano!

+2

¿Qué quiere decir con exactamente "código HTML compatible con el correo electrónico"? – Doa

+0

bueno, no estoy 100% seguro de mí mismo. Obtengo las plantillas entregadas "en rodajas para el correo electrónico". Básicamente, hasta donde sé, las plantillas de correo electrónico se crean usando tablas y atributos CSS en línea. También; no todos los CSS funcionarán en los clientes de correo electrónico. Si pudiera, le diría todas las diferencias, pero el marketing por correo electrónico tampoco es asunto mío, desafortunadamente. Intento reunir la mayor cantidad de conocimiento posible en este momento. –

Respuesta

5

He hecho un poco de investigación al respecto, porque estoy interesado en usar CKEditor para la edición basada en el correo electrónico también.

Generalmente, CKEditor es el mejor editor web WYSIWYG, pero debe usar algunas técnicas que normalmente no se utilizan en las páginas HTML.

Dado que estás usando plantillas (supongo que CKEdtior's config.templates) la mayor parte de tu optimización estará en tus plantillas, y no en ninguna configuración de CKEditor.

Estos son los principales objetivos:

  • No utilice la etiqueta <style> - en su lugar, utilice los estilos en línea (el atributo style). Algunos lectores de webmail no leen esta etiqueta.

  • ¿No uso config.fullPage = true; ya que algunos lectores no lee la etiqueta <body>.

  • En lugar de utilizar <body>, <div> y otras etiquetas utilizadas para el diseño, utilice tablas.Sí, esta técnica es antigua, pero al hacerlo puede asegurarse de que (casi) todos los lectores visualicen la página correctamente. En lugar de aplicar estilos a la etiqueta <body>, use estos estilos para la etiqueta principal <table>.

  • No utilice la posición absoluta. Las tablas también pueden tomar parte en la solución.

  • Para todas las imágenes - Insertar el atributo alt, y para todas las optimizaciones de ancho y alto, no utilice el ancho y la altura basado en CSS. Quiero decir - En lugar de <img style="width: 100px;" /> use <img width="100px" />.

Además, una de las cosas importantes, es personalizar y optimizar output formatting. Yo personalmente cambio al menos breakAfterOpen : true dentro de writer.setRules('p').

CKEditor es el editor de HTML basado en la web WYSIWYG más popular, y creo que no hay otro editor de correo electrónico basado en web.

Una cosa más que puedo pensar, es que después de que su cliente termine de escribir su mensaje, habrá una opción para que obtenga una vista previa del mensaje en algunos clientes de correo populares. Hay muchas herramientas de prueba de correo electrónico y de vista previa, pero desafortunadamente no encontré nada gratis.

¡Realmente espero que haya ayudado a alguien!

+0

Las plantillas se entregan incluyendo una etiqueta html y . También agregué 'fullPage = true' ya que CKEditor estaba eliminando las etiquetas durante la edición. Las plantillas entregadas tienen un pequeño CSS en las etiquetas , tales como: cuerpo/color del enlace. Por lo que yo sé, debo tratar de usar el código más básico posible (usando etiquetas antiguas de estilo en línea como la etiqueta ). Por lo tanto, aparte de su recomendación de NO utilizar la página completa, todo está cubierto ya. –

+0

Ah, y no estoy usando config.templates. Las plantillas son archivos HTML listos para correo electrónico.Que se cargan como contenido en el área de texto cuando se carga la página (simplemente usando file_get_contents() o una función similar en PHP). –

+0

Dudo que fullPage = true sea malo, ya que, por ejemplo, CampaignMonitor usa plantillas WITH head/body tags. Deshabilitar esto eliminaría partes del css y la información de la cabecera del correo. –

1

He trabajado durante tres años en un correo web. Podría probar tinyMCE, CKEditor o Redactor. Ninguno proporciona una solución perfecta. Todavía tiene problemas y siempre debe agregar funcionalidades. Algunos son demasiado pesados, demasiado lentos, carecen de características.

El que encontré más efectivo es el de Gmail, pero desafortunadamente el código no está disponible.

La mejor solución es crear su WYSIWYG incluso actualmente.

ACTUALIZACIÓN

Trate Squire hechas por FastMail.

Cuestiones relacionadas