El correo de confirmación es la peor página de tu tienda

Módulos PrestaShop · 8 min de lectura

El correo de confirmación es la peor página de tu tienda

Alguien acaba de comprar en tu tienda. Ha visto una portada cuidada, unas fichas con buenas fotos y un carrito que funciona. Treinta segundos después recibe el correo de confirmación, lo abre en el móvil y se encuentra una tabla gris con cinco columnas apretadas y una línea al pie que dice «powered by PrestaShop».

Ese correo es la página de tu tienda que más gente abre. Una confirmación de pedido se abre casi siempre, y muchas veces dos: una al recibirla y otra cuando llega el repartidor. Ninguna página de tu web tiene ese porcentaje. Y es la única que sigue teniendo el aspecto que traía el día que instalaste PrestaShop.

Ver el vídeo: los correos de tu tienda, con tu marca

Por qué salen así

Tu tienda manda muchos correos distintos: la confirmación, la cuenta creada, la contraseña, el envío, la devolución, el aviso al almacén, y los que añade cada módulo que instalas. Cuántos exactamente depende de lo que tengas puesto, pero son bastantes más de los que la mayoría cree. Cada uno es un fichero HTML dentro de la carpeta mails, uno por idioma, escritos hace más de una década con tablas y etiquetas <font>.

Cambiar el tema de tu tienda no los toca. Cambiar los colores del tema tampoco. Son ficheros aparte, y viven fuera de todo lo que has personalizado.

Hay un detalle que lo empeora: cada actualización de PrestaShop los reemplaza. Si alguien los editó a mano en 2022, el trabajo desapareció en la siguiente subida de versión sin que nadie se enterara, y la tienda volvió a mandar el correo de fábrica.

La tabla que nadie puede leer en el móvil

El problema más caro está en el correo más importante. La lista de productos de la confirmación es una tabla de cinco columnas: referencia, producto, precio unitario, cantidad y total.

En un ordenador se lee. En un móvil de 360 píxeles, las cuatro columnas de números se llevan unos doscientos cincuenta, y al nombre del producto le quedan ochenta. «Camiseta técnica de manga larga» se parte en cinco líneas de dos palabras, o el correo entero se sale de la pantalla y hay que arrastrarlo de lado.

Compra algo en tu propia tienda y abre la confirmación en tu teléfono. Es la prueba más rápida, y la que más incomoda.

Y hay una segunda cosa que llama la atención cuando te fijas: el bloque de totales enseña siempre las cinco líneas, aunque no haya nada que contar. Un pedido sin descuento muestra «Descuentos 0,00 €». Un catálogo con el IVA incluido muestra «Impuestos 0,00 €». Y un envío gratis —que es un argumento de venta— aparece como «Envío 0,00 €» en vez de decir «Gratis».

El otro problema: volver a mandar la confirmación

Pasa en todas las tiendas. El cliente escribe diciendo que no le ha llegado el correo del pedido, o que lo borró sin querer, o que se equivocó al teclear su dirección. Abres el pedido en el back office para reenviárselo… y no hay ningún botón que lo haga.

Para los correos de estado sí lo hay. En el historial de estados de cada pedido, cada línea trae su icono de reenvío: «Pago aceptado», «En preparación», «Enviado». Funciona porque un cambio de estado queda guardado como una fila, y esa fila se puede volver a usar.

La confirmación del pedido no es un cambio de estado. PrestaShop la manda una sola vez, desde dentro del proceso que valida el pedido, y no guarda ni la fila ni las variables con las que la compuso. La información sigue estando —los productos, los importes, las direcciones, el transportista—, pero el correo hay que rehacerlo entero para poder mandarlo otra vez.

Lo que se hace mientras tanto tiene coste: copiar los datos en un correo escrito a mano, que llega sin el diseño de la tienda y con el riesgo de equivocarte en un importe; o cambiar el estado del pedido para provocar un envío, que ensucia el historial y le manda al cliente un correo que no era el que pedía.

Y conviene entender qué se reenvía exactamente, porque no es una copia guardada del primer correo: el módulo lo vuelve a componer con el pedido tal como está ahora. Si entretanto corregiste la dirección, quitaste una línea o cambió el transportista, el correo que llega lleva esos datos, no los del día de la compra. Lo único que no cambia es la fecha del pedido. Para el caso normal —«no me ha llegado»— eso es justo lo que quieres: que reciba la información buena, no la vieja.

Las tres formas de arreglarlo

1. El tema de correo del back office

PrestaShop trae desde la versión 1.7.6 un generador de temas de correo. Eliges uno, pulsas «Generar» y reescribe los ficheros de mails con otro diseño.

Es lo más rápido y tiene dos límites que conviene conocer antes de empezar. El primero es que sigue escribiendo ficheros: una actualización de PrestaShop puede volver a sobrescribirlos y hay que regenerar. El segundo es que los temas disponibles son pocos y el margen para meter tu marca es estrecho: cambias el logo y poco más.

2. Editar los ficheros a mano

Funciona y da control total. También es un fichero por correo y por idioma: la cuenta se dispara sola con dos idiomas, y hay que repetirla cada vez que instalas un módulo que trae correos propios.

Es la vía de quien tiene un idioma, no le importa el HTML de correo y va a tocar tres o cuatro plantillas, no todas.

3. Intervenir en el momento del envío

PrestaShop avisa por unos ganchos justo antes de mandar cada correo. Ahí se puede cambiar el contenido al vuelo, sin tocar un solo fichero de mails.

Tiene una ventaja que las otras dos no tienen: como no hay ficheros escritos, no hay nada que una actualización pueda llevarse por delante. Y como el cambio ocurre en el envío, alcanza también a los correos de los módulos que instales mañana.

Qué mirar antes de tocar nada

Sea cual sea el camino que elijas, hay cinco cosas que conviene comprobar en tu tienda esta misma tarde:

  1. Ábrete un correo real en el móvil. No la vista previa del back office: mándate un pedido de prueba y ábrelo en tu teléfono.
  2. Mira si tus correos salen en HTML. En Parámetros avanzados → Correo electrónico, si está puesto «solo texto», ningún diseño se va a ver.
  3. Comprueba si tu tema sobrescribe plantillas. Si existe una carpeta mails dentro de tu tema, esos ficheros ganan a los de PrestaShop.
  4. Cuenta tus idiomas. Es el número por el que hay que multiplicar todo el trabajo.
  5. Intenta reenviar una confirmación. Abre un pedido de la semana pasada y busca el botón. Que no lo encuentres es la respuesta.

Cómo lo hemos montado nosotros

Cinco diseños de correo de PrestaShop con el mismo pedido
Los cinco diseños que trae el módulo. Es el mismo pedido renderizado con cada uno.

El editor es lo que hace que esto no sea una plantilla más: se añaden bloques —títulos, botones, imágenes, columnas, la lista de productos—, se pincha dentro del correo para cambiarlos y el resultado aparece al lado mientras escribes. No es una previsualización aproximada: lo pinta el mismo motor que envía el correo, así que lo que ves es exactamente lo que le llega al cliente.

Editor de bloques con la vista previa del correo al lado
El editor: los bloques a la izquierda, el correo de verdad a la derecha. Lo que ves mientras escribes es lo que se envía.

Nos hicimos la pregunta para nuestras propias tiendas y acabamos por la tercera vía. El resultado es el Diseñador de Correos para PrestaShop: se engancha al envío, nunca escribe en mails y trae los correos de tu tienda ya redactados en cinco idiomas, para que el trabajo sea retocar y no empezar de cero.

La lista de productos se vuelve a maquetar en una línea por producto —foto, nombre, combinación y «2 × 49,99 €» a la izquierda, importe a la derecha—, que es lo que hace que se lea a 320 píxeles sin arrastrar nada. Y los totales que vienen a cero desaparecen, con una excepción a propósito: el envío gratis lo dice con esa palabra.

Y en la ficha de cada pedido hay un botón que vuelve a mandarle la confirmación al cliente, en el idioma del pedido y con sus datos reales: el módulo rehace las variables desde el pedido guardado y el correo sale por el mismo camino que el original, así que llega exactamente igual que habría llegado el primer día.

Dentro hay un editor de bloques con vista previa, cinco temas con tipografías distintas y un botón que te manda cualquier correo a tu bandeja antes de dejarlo funcionando. Está debajo, con lo que cuesta y lo que hace.

Módulos que aparecen en este artículo

Seguir leyendo

Diseñador de Correos para PrestaShop: Cabecera, Pie y Plantillas Diseñador de Correos para PrestaShop: Cabecera, Pie y Plantillas 79,99 $ Ver

Convierta su comercio electrónico en su mejor comercial

¿Está preparado para impulsar su tienda PrestaShop? Hablemos de su proyecto y creemos juntos algo increíble.

Contacte con nosotros