Requisitos técnicos para los eblast en formato de HTML enviados desde Peldaño Media Group

Última actualización: 18 de marzo de 2024

📌 No compartir esta página con el cliente. Esto es información interna. En su día, se facilitó este artículo en formato documento para que se compartiera con los clientes.

Las horas de maquetación por parte del departamento de TI es de 9:00 a 15:00h de lunes a viernes. (Hasta nueva orden a fecha 12 de marzo de 2024)

Si no se cumplen las especificaciones técnicas facilitadas en este documento, nos podemos enfrentar a una serie de problemas que afectarán la entrega y la efectividad de las campañas de email marketing.

Nuestro objetivo es que tus mensajes lleguen al público adecuado, pero cómo llegan es igual de importante. Por eso, queremos compartir con vosotros un listado de buenas prácticas a la hora de elaborar vuestros archivos html de los eblast que queréis compartir con nuestra audiencia.

Todos los correos deben cumplir:

Codificación del .html en UTF-8
Incluir las etiquetas <meta> (si las hubiera) en el <head>
Incluir CSS en el HTML no a través de un link
Las imágenes en formato .JPG .PNG o .GIF (para formato html, en carpeta separada del mismo)
No incluir <script>
No usar posiciones fijas (position: fixed)
Comprobar que el eblast se visualiza correctamente en los distintos gestores de correo y para distintos dispositivos (no es igual la visualización en un navegador que en un gestor de correo)
Realizar una maquetación con un ancho máximo de 600px
Peso por debajo de los 102kb con imágenes incluidas en el html.

📁 ¿Cómo se debe entregar el archivo HTML?

La entrega de carpeta deberá estar comprimida en formato .ZIP que contendrá el archivo HTML editado y la correspondiente carpeta de imágenes.

Se recomienda:

Crear estructura de tablas
No utilizar <style> en su lugar incluir los estilos en línea a través de style=“”
Evitar el uso de <div> (algunos gestores no los soportan)
Evitar el uso de media queries (problemas con que no se visualiza como se esperaba)
Optimizar el peso de las imágenes y respetar un ancho máximo de 600px
No nombrar imágenes con espacios, mayúsculas o caracteres especiales
Revisar y evitar errores de sintaxis en HTML
Revisar y evitar errores de sintaxis en CSS
Evitar el uso de <strong> y usar <b> en su lugar
Comprobar visualización de negritas si no carga la tipografía definida por el usuario
Asegurarse de que la tipografía está bien vinculada y se visualiza correctamente
No incluir la tipografía con un uso excesivo de código
No hacer un código extenso y difícil de comprender
No incluir <title> ni “ver online” ni políticas, Hubspot ya las tiene en su plantilla

¿Cuáles son los errores más comunes?

Los eblast superan los 102 kb: por peso (tamaño) y por longitud.
En los eblast de formato html, las imágenes no vienen en una carpeta
No está codificado en UTF-8
Los caracteres especiales no se muestran
La estructura de tablas es incorrecta sobrepasando algunas los 600px por no estar contenidas en una tabla que haga de "contenedor general"
Usa la etiqueta <div> no soportada por todos los navegadores
Usa la etiqueta <style> en lugar de estilos en línea
Usa media queries no soportadas por todos los navegadores
Errores de sintaxis en CSS y/o HTML

⚠️ IMPORTANTE

Las modificaciones de diseño en los eblast deberán llevarse a cabo con un plazo de antelación de entre 72 y 48 horas previas a la fecha programada de envío. No se admitirán modificaciones en el día designado para el envío. En caso de que el cliente requiera cambios en ese mismo día, se aplicará un cargo adicional por urgencia, o bien se programará la modificación para el siguiente día hábil disponible en el calendario de email marketing sin coste adicional.

📌 Para clientes que utilizan Hubspot como nosotros hay que tener en cuenta lo siguiente:

Si el cliente nos envía su propio código de seguimiento, no deberemos de crear una campaña de Marketing y vincular el eblast.
Los códigos de seguimiento de un cliente que utilice la plataforma Hubspot que incluyan los campos Campaign, Medium y Source, el sistema los mantendrá. En cambio, los códigos de seguimiento que además incluyan campos como hsmi, hsenc y content, al ser propios de cada plataforma, se verán modificados. Por lo tanto, recomendamos que estos 3 últimos campos no se incluyan en los códigos de seguimiento que nos aporte el cliente.

Bonus tip: Algunas recomendaciones sobre su contenido

Asunto del correo: No se enviará ninguna comunicación en la que el asunto esté escrito en letras mayúsculas o incluya expresiones agresivas. Tampoco se admitirán asuntos que incluyan una valoración subjetiva o hablen en primera persona.

No: SOMOS LA MEJOR MARCA PARA QUE TU NEGOCIO DESPEGUE

Sí: 🚀 ¿Quieres que tu negocio despegue en menos de un mes?

Asuntos cortos: Los asuntos deberán tener menos de 70 caracteres. Piensa en cómo los gestores de correo, Google muestran los asuntos de los correos. Trata de generar curiosidad con el menor número de palabras posibles.

Estructura bien el mensaje

Las palabras y el diseño deben ir de la mano. Te recomendamos que empieces el email con una frase corta que llame la atención. Continúa generando interés, por ejemplo, puedes profundizar en los principales problemas a los que se enfrentan tus clientes potenciales (pregúntate, ¿por qué van a recurrir a mi producto/marca?). Ahora sí, habla un poco de ti y de cómo les ayudarás a superar esos problemas (puntos extra si das un marco temporal para que experimenten los beneficios). Y solo queda el imprescindible CTA. No decimos que deba ser un botón… ¡pero tiene que destacar visualmente! Y el copy tiene que reflejar claramente qué lograrán si pinchan.

Fuente: https://reallygoodemails.com/emails/just-do-this-one-thing-for-your-face

Incluye elementos gráficos que guíen la lectura

Si algo ha marcado el uso de pantallas y la gran exposición a la información de este siglo es nuestro impulso natural a escanear la información. Hoy en día, nadie se detiene a leer un texto largo. Fracciona adecuadamente el contenido y apóyate en elementos gráficos y en imágenes para guiar la vista del usuario hacia los mensajes más importantes.

Fuente: https://reallygoodemails.com/emails/we-continue-to-serve-you

Crea contenido de valor

Todos recibimos cientos de emails al día. Empatiza con tus clientes potenciales ofreciéndoles un contenido que les aporte valor, les informe, les eduque y resuelva dudas, les genere curiosidad. Así es como conseguirás llamar mejor la atención para poder hablarles de tus productos y servicios de una manera más amigable. Un contenido excesivamente promocional podría generar, en ocasiones, el efecto contrario al deseado. Combina varios formatos para satisfacer las necesidades de esos clientes en cada punto del funnel de conversión. Habrá gente lista para comprar, pero otros necesitan conocerte antes un poco mejor para confiar plenamente en ti.

Evita el exceso de enlaces

Para que tu acción de email marketing sea exitosa, es recomendable que se enfoque en una sola acción. ¿Quieres que pidan información sobre un servicio? ¿Se descarguen un dossier? ¿Compren un producto? Sea cual sea el caso, concentrar las interacciones en un solo CTA (Call to Action) o botón es lo más recomendable para saber si tus mensajes estaban enfocados correctamente y han obtenido los resultados deseados.

Así, evitas que el usuario se distraiga revisando otros enlaces como hacia tu página web, hacia otros productos o hacia las RRSS. Por eso, siempre recomendamos limitar el número de enlaces todo lo que puedas para enfocar su atención.