PrestaShop Diseño & Navegación

Personalizar los Emails de PrestaShop 8 y 9: Editor Visual de Plantillas de Pedido

Emails de pedido con la imagen de tu marca, montados arrastrando bloques.

Cambiar un email de PrestaShop significa hoy abrir order_conf.html en /mails, copiarlo en cada idioma y repetirlo con los otros 15 emails y tras cada actualización del tema. El resultado sigue siendo una tabla de líneas sin foto de producto, sin sugerencias de compra y sin nada que recuerde a tu marca. Este módulo sustituye ese trabajo por un editor visual en el back-office: bloques de productos con fotos, totales, direcciones, botón de seguimiento, productos recomendados, banners promocionales y vale personal. Cada email se previsualiza en cada idioma con datos de ejemplo o un pedido real, y un email de prueba sale en un clic. Los archivos de /mails no se tocan: desactiva un diseño y vuelve el email nativo.

De un vistazo
  • Editor de arrastrar y soltar con vista previa clicable, 20 tipos de bloque y deshacer ilimitado
  • Fotos de producto, combinaciones, totales, direcciones y seguimiento tomados del pedido real
  • 16 emails prediseñados en 3 estilos, textos redactados en 8 idiomas
  • Banners promocionales programados y vale único creado para cada cliente
  • Ningún archivo de /mails modificado, email nativo restablecido en un clic
PrestaShop 8 y 9 Sin override 16 emails prediseñados 8 idiomas
  • Reembolso de 30 días
  • 12 meses de actualizaciones
  • Soporte 24h
www.datafirefly.com/es/
Personalizar los Emails de PrestaShop 8 y 9: Editor Visual de Plantillas de Pedido
v1.1.0 · actualizado 2026-09-23
Qué hace

La versión corta.

01

Ningún archivo de /mails modificado

El módulo se conecta a los hooks actionEmailSendBefore y actionEmailAddAfterContent, que PrestaShop llama en cada envío, y sustituye el contenido del email por el diseño activo. Los archivos HTML y TXT de /mails y del tema nunca se tocan. Diseño desactivado, módulo apagado o error de renderizado: sale el email nativo y ningún envío se bloquea.

02

Un editor que se maneja con el ratón

Paleta de bloques a la izquierda, vista previa en el centro, ajustes a la derecha. Un clic en un bloque de la vista previa lo selecciona y la estructura se reordena arrastrando. Colores, fuentes, márgenes y esquinas redondeadas se ajustan para todo el email, cada bloque conserva sus espaciados. Ctrl+Z deshace, Ctrl+S guarda y el historial conserva 20 versiones.

03

El pedido real dentro del email

El bloque de productos muestra la foto de la combinación pedida, los atributos, las personalizaciones del cliente, la referencia, la cantidad y el precio con o sin impuestos. Totales, direcciones, transportista y enlace de seguimiento vienen del pedido. Introduce un ID de pedido en el editor para previsualizar el email con sus datos reales.

04

Cada idioma revisado antes del envío

Una pastilla por idioma instalado cambia la vista previa y los campos de texto. Un punto naranja señala una traducción que falta y un botón copia el texto de otro idioma. Los idiomas que se escriben de derecha a izquierda se maquetan en espejo. El email de prueba sale en el idioma elegido, con el contenido sin guardar.

05

Emails que hacen volver a los clientes

Productos recomendados (accesorios, más vendidos, novedades o selección manual), banners promocionales con fechas de inicio y fin, y vale personal: un código único para el cliente, en porcentaje, importe fijo o envío gratis, creado en el envío real. Los enlaces a la tienda reciben parámetros UTM para seguir las ventas en Analytics.

06

16 emails listos en segundos

Confirmación de pedido, espera de transferencia o cheque, pago aceptado, preparación, envío, seguimiento, pendiente de reposición, cancelación, reembolso, vale, creación de cuenta, contraseña y alerta al comerciante. Elige un estilo, marca tu color de marca y se crean los 16 diseños con sus textos en 8 idiomas.

La versión larga

Todo lo que querrías saber antes de instalar.

Una mirada detallada a cómo funciona Personalizar los Emails de PrestaShop 8 y 9: Editor Visual de Plantillas de Pedido, por qué lo construimos así y la lógica detrás de las características anteriores.

§ 01

Por qué los emails de PrestaShop suelen quedarse como vienen

Cada email de PrestaShop existe en dos archivos, HTML y texto, por idioma instalado, en /mails o en el tema. Una tienda en 4 idiomas tiene más de 120 archivos solo para los emails de pedido y de cuenta. Modificarlos exige conocer el HTML propio de los emails, hecho de tablas y estilos en línea, y comprobar el resultado en Outlook y Gmail. Por eso la mayoría de tiendas conserva los emails originales: una lista de productos sin foto, sin sugerencias y sin relación con la web.

§ 02

Un editor visual en lugar de archivos

El módulo añade la página Editor de emails en el menú Diseño. La lista muestra cada email de la tienda con su estado: nativo o diseñado, activo o no, número de envíos en 30 días. El editor monta el email con bloques, muestra la vista previa al lado y genera un HTML en tablas con estilos en línea, el único formato que todos los clientes de correo muestran igual.

§ 03

Los datos del pedido, sin código

Los bloques de pedido leen directamente el pedido enviado: fotos de las combinaciones, atributos, personalizaciones, totales, direcciones, transportista y seguimiento. Las variables de los emails de PrestaShop siguen disponibles en todos los textos y se eligen en un menú. Una condición de visualización oculta un bloque cuando su variable está vacía, por ejemplo el botón de seguimiento mientras el paquete no tiene número.

§ 04

Convertir los emails de servicio en ventas

Un email de confirmación se abre casi siempre. El módulo le añade productos recomendados, un banner promocional programado y un vale personal: el código se crea para el cliente al enviar el email, limitado a un uso y a su cuenta, con la validez y la compra mínima que elijas. Los enlaces a la tienda reciben parámetros UTM para medir las ventas generadas en Google Analytics.

§ 05

Probar sin riesgo

Cada diseño queda inactivo hasta que lo activas: el email nativo sigue saliendo mientras trabajas. La vista previa funciona con datos de ejemplo o un pedido real, el email de prueba usa el contenido actual y la lista de comprobaciones señala un email demasiado pesado para Gmail o un idioma incompleto. La exportación ZIP permite preparar los diseños en una tienda de pruebas e importarlos en producción.