La personalización básica de las plantillas de correo electrónico se puede hacer desde su administrador de su tienda para todas plantillas a la vez: añadir un logotipo, cambiar el nombre del remitente o actualizar la información de la tienda. Edición avanzada de notificaciones requerirá la edición de las plantillas para realizar cambios individuales, por ejemplo, eliminar o añadir texto, cambiar el formato o el color del texto, añadir una imagen, etc.
Tabla de contenidos
Lista de notificaciones que puede editar
Hay tres tipos de notificaciones automatizadas por correo electrónico en su tienda: notificaciones de pedidos de clientes, correos electrónicos de marketing y notificaciones de administración. Todos los correos electrónicos pueden personalizarse a través de la configuración del administrador de su tienda o del código.
Esta es la lista de plantillas de correo electrónico que puede ajustar:
Notificaciones de pedido de clientes
- Confirmación del pedido
- Cambio del estado del pedido
- Pedido enviado
- El pedido está listo para su recogida
- Descargar productos electrónicos
- Tarjeta regalo comprada
- Pedido reembolsado (Lightspeed Payments solo)
- Notificaciones de suscripción de clientes (para suscripciones periódicas solo)
Correos electrónicos de marketing para clientes
- Recordatorio de productos favoritos
- Recuperación de carritos abandonados
- Solicitud de comentarios
- Agradecimiento de fidelidad
- Recordatorio de cliente inactivo
- Aniversario de compra
Notificaciones al administrador
- Nuevo pedido realizado
- Notificación de existencias bajas
Cómo entender las plantillas de correo electrónico
Cualquier modificación adicional en sus notificaciones de correo electrónico requerirá editar la plantilla de una notificación en particular. De esta manera, puede añadir mensajes personalizados o personalizar las notificaciones de cualquier otra manera, por ejemplo, eliminar o añadir bloques, cambiar el formato de texto y color, etc.
Cada notificación por correo electrónico para administradores o clientes posee su propia plantilla. Cuando se envía un correo electrónico, la plantilla se rellena con información procedente de los ajustes de su tienda (nombre de la tienda, información de contacto, enlace a la tienda, etc.) y de los detalles del pedido ( nombre del cliente, dirección de envío, lista de productos adquiridos, etc.). Por tanto, cada correo electrónico enviado desde su tienda es individual y contiene toda la información sobre un determinado pedido y cliente.
Las plantillas de correo electrónico pueden parecer complicadas al principio, pero en realidad, su estructura es bastante sencilla.
Si va a Configuración → Notificaciones y haga clic en Confirmación del pedido (o cualquier otra notificación), verá una plantilla de correo electrónico de confirmación de pedido por defecto:
Puede hacer clic en el enlace de Previsualizar plantilla en la esquina superior izquierda para ver un correo electrónico de ejemplo. Cada parte del código de la plantilla es responsable de una parte específica de este correo electrónico.
Nota:
Puede enviar un correo electrónico de prueba haciendo clic en Enviar correo electrónico de prueba para ver cómo se ve la notificación en el buzón.
Realizar cambios más complejos, como cambiar el diseño y la disposición de la plantilla, requerirá conocer HTML y Freemarker, los lenguajes que se utilizan en las plantillas. Vamos a bucear profundamente en entender las diferentes partes de una plantilla de correo electrónico y cómo editarlas: claves de mensajes (también conocidas como claves de rosetta), y marcas.
Claves de mensajes
Si abre cualquier correo electrónico en Configuración → Notificaciones para editar, verá que en realidad no hay textos en la plantilla. En su lugar, puede ver etiquetas de texto como <@rosetta.message key="OrderConfirmation.title" />, <@rosetta.message key="OrderConfirmation.payment_status" />, etc. Cuando se envía un correo electrónico real, estas claves de mensaje rosetta se reemplazan por textos. Puede ver un correo electrónico con los textos predeterminados si hace clic en Previsualizar plantilla.
Para añadir un texto personalizado en lugar del predeterminado, necesita encontrar la etiqueta rosetta necesaria (su nombre suele ser autoexplicativo) y reemplazar la etiqueta rosetta completa por su texto, luego previsualizar el resultado y guardar los cambios.
Por ejemplo, para reemplazar el predeterminado «¡Gracias por comprar con nosotros!» en la parte inferior de su correo de confirmación de pedido, necesita encontrar <@rosetta.message key="OrderConfirmation.thanks" /> y reemplazarlo con su texto (por ejemplo, «¡Gracias por su compra!»):
Plantilla de correo electrónico «Confirmación de pedido»
Este logotipo se utilizará en todas las notificaciones al cliente.
Nota:
Editar textos en la plantilla de correo electrónico «Recuperación automática de carritos abandonados» es incluso más fácil ya que tiene texto plano presentado en un área especial de la plantilla. Puede escribir su mensaje en la zona «Mensaje predeterminado para los clientes». Por ejemplo, incluye un código de cupón o un mensaje sobre una próxima venta en correos electrónicos de recuperación para animar a los clientes a completar la compra.
Aquí hay una lista de claves rosetta para los correos de confirmación del pedido (con textos correspondientes):
| Clave Rosetta | Texto en la notificación |
| @rosetta.message key="OrderConfirmation.title" | Confirmación de pedido |
| @rosetta.message key="OrderConfirmation.customer_greeting" params={ "customerName": customer.name } | Hola, nombre del cliente |
| @rosetta.message key="OrderConfirmation.Confirmation.paid_order" params={ "storeName": store.name, "dateCreated": order.dateCreated } | ¡Hemos recibido su pedido! Gracias por su compra. (para pedidos de pago) |
| @rosetta.message key="OrderConfirmation.Confirmation.unpaid_order" params={ "storeName": store.name, "dateCreated": order.dateCreated} | ¡Hemos recibido su pedido! Gracias por su compra. (para pedidos sin pago) |
| @rosetta.message key="OrderConfirmation.order_number" params={ "number": order.number } | Pedido núm. |
| @rosetta.message key="OrderConfirmation.payment_status" | Estado del pago |
| @rosetta.message key="OrderConfirmation.fulfillment_status" | Estado de cumplimiento |
| @rosetta.message key="OrderConfirmation.Shipping.address_prefix" | Le enviaremos su pedido a |
| @rosetta.message key="OrderConfirmation.Shipping.phone" params={ "phone": order.shippingAddress.phone } | número de teléfono |
| @rosetta.message key="OrderConfirmation.Shipping.method" | Método de envío |
| @rosetta.message key="OrderConfirmation.your_order" | Su pedido |
| @rosetta.message key="OrderConfirmation.sku" params={ "sku": orderItem.sku } | SKUs |
| @rosetta.message key="OrderConfirmation.Summary.items" | Artículos |
| @rosetta.message key="OrderConfirmation.Summary.shipping" | Envío |
| @rosetta.message key="OrderConfirmation.Summary.total" | Total |
| @rosetta.message key="OrderConfirmation.order_comments" | Comentarios al pedido |
| @rosetta.message key="OrderConfirmation.thanks" | ¡Gracias por comprar con nosotros! |
| @rosetta.message key="OrderConfirmation.OrdersHistory.link_text" | Página Historial de pedidos |
| @rosetta.message key="OrderConfirmation.OrdersHistory.content" params={ "history_link": historyLink } | Puede comprobar el estado de sus pedidos en cualquier momento en nuestra página de Historial de pedidos |
| @rosetta.message key="OrderConfirmation.Help.content" params={ "contact_info_text": contactInfoText } | Puede visitar nuestra tienda siempre que lo desee. Si necesita ayuda o tiene alguna pregunta, envíenos un correo electrónico a (dirección de correo electrónico). ¡Estamos encantados de ayudar! |
| @rosetta.message key="OrderConfirmation.signature" | Atentamente, |
Si no ve la clave rosetta que necesita para su notificación en la tabla, intente reemplazar esta clave con un texto de prueba, luego haga clic en Previsualizar plantilla para ver dónde se llevaron a cabo los cambios. De esta manera, usted sabrá de qué texto es responsable la clave. Los nombres de las claves también suelen sugerirlo. Siempre puede volver la plantilla al estado predeterminado haciendo clic en Volver a la opción por defecto.
Puede eliminar algunas de las claves rosetta si no desea mostrar esta información en la notificación por correo electrónico.
Variables
Las variables son marcadores de posición que se reemplazan en el correo electrónico con la información real de los detalles del pedido (nombre del cliente, lista de productos, etc.) o desde la información de la tienda (nombre de la tienda, información de contacto, etc.).
Por ejemplo, puede ver variables como ${store.name} o ${customer.name}. Como puede adivinar por sus nombres, serán reemplazadas en las notificaciones con el nombre de la tienda tomado de la configuración del perfil de su tienda y con el nombre del cliente tomado de los detalles del pedido.
Plantilla de correo electrónico «Confirmación del pedido»
Vea la lista de variables utilizadas en las plantillas de correo electrónico. Puede eliminar algunas de las variables si no desea mostrar esta información en la notificación de correo electrónico o reemplazarlas con texto personalizado. También puede editar o añadir variables que sean compatibles con los correos electrónicos.
Por ejemplo, si desea mostrar otra dirección de la empresa en correos electrónicos (no la que especificó en su perfil de la tienda), puede reemplazar la variable ${store.officeAddress} con la dirección que desea mostrar en los correos electrónicos agregando esta última como texto sin formato.
Marcado
El texto de color azul, verde y rojo se llama marcado. Se trata de unas reglas que indican al cliente del correo electrónico cómo mostrar el texto en el correo electrónico: color de la fuente, tamaño, relleno, etc. Puede cambiar las reglas del marcado si dese modificar la disposición y el diseño de su correo electrónico.
Nota:
Los textos en gris, como <!-- Signature: start --> y <! - Signature: end --> le ayudará a navegar por la plantilla. De esta manera, puede encontrar las claves rosetta y las variables que necesita más rápido.
Cómo editar una plantilla de notificación
Para añadir mensajes personalizados a la plantilla de correo electrónico o personalizarla de otra manera, debe editar su plantilla. Su tienda utiliza Freemarker en plantillas para reemplazar variables con valores reales y para su representación condicional, mientras que las etiquetas HTML definen la estructura de las plantillas de correo electrónico y cómo se ven en las bandejas de entrada.
Nota:
Si quiere añadir un logotipo, actualizar la información de la empresa o cambiar el nombre del remitente, es posible hacerlo sin la edición de HTML. Para los cambios generales de las plantillas de correo electrónico, consulte el Artículo de notificaciones de pedidos de clientes →
Para editar una plantilla de correo electrónico:
- En el panel de control de su tienda, vaya a Configuración → Notificaciones.
- Haga clic en Editar junto a la plantilla que desea modificar.
- En la plantilla de HTML, realice los cambios pertinentes.
- Antes de guardar los cambios, haga clic en el enlace Previsualizar plantilla en la parte superior para ver el aspecto que tendrá el correo electrónico.
Si ve una página en blanco en una vista previa, seguramente es porque se ha roto el código de la plantilla (algunas etiquetas se habrán borrado por accidente). Si ve esto, puede simplemente hacer clic en el enlace Volver a la opción por defecto para volver a la plantilla por defecto e intentar hacer los cambios de nuevo. - Si no le gusta el resultado, haga clic en el enlace Volver a la opción por defecto al final de la plantilla para restablecer la plantilla de correo electrónico predeterminada. Si está realizando cambios en una plantilla que anteriormente personalizó y guardó, la opción «Volver a la opción por defecto» no funcionará porque volverá a los valores predeterminados de la plantilla. Para hacer una copia de seguridad de su plantilla, copie el código y guárdelo como un archivo de texto en su ordenador. Si sucede algún problema, podrá pegar el código desde el archivo a la plantilla.
- Cuando esté satisfecho con el resultado, haga clic en Guardar.
Una vez que guarde los cambios, su plantilla de correo electrónico se actualizará.
Para ver ejemplos de personalización de las plantillas de correo electrónico, consulte el artículo Personalización avanzada de las plantillas de correo electrónico →
Nota:
Editar la plantilla Correo electrónico de recuperación de carritos abandonados es aún más fácil, ya que tiene el campo «Mensaje predeterminado para los clientes» donde puede introducir su texto y se actualizará en los correos electrónicos. Puede incluir un cupón de descuento para animar a los clientes a completar la compra.
Ver una plantilla actualizada
Puede comprobar el nuevo aspecto de su plantilla mientras la edita y después de guardar los cambios.
Mientras sustituye las claves de los mensajes o las variables de una plantilla, puede comprobar la plantilla actualizada haciendo clic en el enlace Ver plantilla en la esquina superior izquierda:
Verá cómo quedará el correo electrónico con sus cambios. Si está satisfecho/a con el resultado, puede guardar la plantilla. De lo contrario, haga clic en Volver a la opción por defecto en la parte inferior de la página para restaurar el contenido.
Para comprobar cómo son las notificaciones por correo electrónico después de guardar los cambios, realice un pedido de prueba en su tienda. De este modo, tendrá una experiencia de cliente a gran escala con productos reales. Cuando realice un pedido de prueba, introduzca su dirección de correo electrónico real al hacer el pedido, ya que es ahí donde se enviará el correo electrónico. También debe cambiar el estado de pago y cumplimiento del pedido en la Página de pedido para recibir diferentes notificaciones por correo electrónico: estado del pedido cambiado, pedido enviado, etc.