Personalizar los correos electrónicos en WooCommerce

LucusHost, el mejor hosting

Después de escribir qué tipo de emails automáticos son los mejores para una tienda online, me llegaron muchas consultas de cómo se personalizaban los textos o modificaban los colores desde WooCommerce.

Así que en este tutorial vamos a ver todas las configuraciones, desde las más básicas a tocar algo de código. ¿Empezamos?

Ajustes de mails en WooCommerce

Nos vamos a WooCommerce > Ajustes > Correos Electrónicos para configurar todos los ajustes básicos. En esta sección veréis casi todos los correos electrónicos que se mandan por defecto, tanto de WooCommerce como de sus plugin afines.

Modificar colores y encabezados

correos automáticos woocommerce
Configuración global de correos en WooCommerce
  • Nombre del remitente: El nombre de la tienda online para que te identifiquen.
  • Dirección del remitente: Recomiendo el correo corporativo para dar credibilidad.
  • Imagen de cabecera: Se debe poner mediante url y si es el logo formato alargado mucho mejor.
  • Texto del pie de página: Saldrá al final de todos los correos. Lo ideal es que pongáis la url de vuestra tienda para que os sepan localizar y el nombre de la empresa.
crear email woocommerce
Muestra de un email básico de WooCommerce bien configurado
  • Color base: Es el color de fondo de la cabecera, encabezados y enlaces, en la imagen de ejemplo sería el rojo.
  • Color de fondo: Es el fondo que está fuera del contenido, en este caso sería el gris.
  • Color de fondo del cuerpo: del que lleva texto.
  • Color de texto del cuerpo.

Con esto ya podemos empezar a tener un email con nuestros colores de marca y empezar a transmitir confianza.

Tipos de avisos por email en WooCommerce

Los que están con un tic lila marcados son los que están activos, con una cruz grisácea los desactivados.

  • Nuevo pedido: Lo recibimos nosotros como aviso para procesarlo lo más rápido posible.
cambiar email notificaciones woocommerce
Configurar avisos de correos en WooCommerce
  • Pedido cancelado: Nos avisa de que el cliente ha cancelado el pedido que ya estaba activo.
  • Pedido fallido: Al cliente le ha fallado la tarjeta, nos viene bien recibirlo para contactar con el lo antes posible.
  • Pedido a la espera: Lo recibe el cliente avisándole de que su pedido aún no se ha tramitado. Suele ser cuando es por transferencia bancaria o la pasarela de pago no lo ha aceptado. Si quieres saber todos los métodos de pago que hay en una tienda online haz clic aquí.
  • Procesando tu pedido: Se avisa al cliente de que ya se ha aceptado el pago y que estamos empaquetándolo.
  • Pedido completado: Para que el usuario sepa que ya se ha completado su pedido y que lo recibirá en el tiempo acordado.
  • Pedido reembolsado: Se avisa al cliente que su devolución se ha realizado con éxito.

Estas son todas las básicas, si estáis buscando el mail de los códigos de seguimiento en los pedidos va en un plugin aparte, lo explico en este artículo.

Configurando los avisos por correo electrónico

En esta parte configuraremos quien recibe los emails, si el cliente o nosotros, de ser esto último, configuraremos los correos de destinatario desde gestionar:

Los tres primeros son los que recibimos: Nuevo pedido, pedido cancelado y pedido fallido. Desde gestionar podemos cambiarlos e incluso añadir más separándolos por comas:

editar email pedido woocommerce
modificar un email concreto en WooCommerce
  • Destinatarios: Podemos poner todos los mails separados por comas que queramos.
  • Asunto: Personalizaremos como queremos que se nos muestre, al pasar por la interrogación tenéis todos los tips de personalización.
  • Encabezado del correo: Ídem a lo anterior.
  • Contenido adicional: Es bueno poner alguna indicación estándar para el almacén o el resto del equipo.
  • Tipo de correo electrónico: Por html siempre para que le salga visualmente bien a todos los clientes.

Con esto ya estarían todas las configuraciones básicas hechas, si quieres añadir contenido a estos mails mediante código te dejo este tutorial. Donde podrás ver cómo añadir productos relacionados, textos en determinadas zonas, etc

Plugin para modificar correos en WooCommerce

Soy partidario de usar este tipo de plugin si son muchos los cambios que se van a realizar, sino lo mejor es ir al otro tutorial que he mencionado. Si lo queréis gratuito os recomiendo usar Visual Email Designer for WooCommerce que lo tenéis en el repositorio oficial de WordPress.

Sin embargo si lo queréis hacer fácil, tipo arrastrar y soltar sin usar nada de código os recomiendo Email Customizer for WooCommerce with Drag and Drop Email Builder que aunque cueste unos 50$ si no sabes código te ahorrará mucho tiempo y te salvará para que no rompas nada de la web.

Reeviar los correos de Fallido y Cancelado al cliente

Per defecto en WooCommerce, estos dos mails se mandan al admin de la tienda y no al cliente, no sé el motivo pero es así. Si quieres que estos correos vayan al cliente añade este código a tu functions.php o a tu plugin de code snippets:

add_action('woocommerce_order_status_changed', 'dl_cambio_fallido_cancelado_email', 10, 4 );
function dl_cambio_fallido_cancelado_email( $order_id, $old_status, $new_status, $order ){
    if ( $new_status == 'cancelled' || $new_status == 'failed' ){
        $wc_emails = WC()->mailer()->get_emails(); // Get all WC_emails objects instances
        $customer_email = $order->get_billing_email(); // Email del cliente
    }

    if ( $new_status == 'cancelled' ) {
        // change the recipient of this instance
        $wc_emails['WC_Email_Cancelled_Order']->recipient = $customer_email;
        // Sending the email from this instance
        $wc_emails['WC_Email_Cancelled_Order']->trigger( $order_id );
    } 
    elseif ( $new_status == 'failed' ) {
        // change the recipient of this instance
        $wc_emails['WC_Email_Failed_Order']->recipient = $customer_email;
        // Sending the email from this instance
        $wc_emails['WC_Email_Failed_Order']->trigger( $order_id );
    } 
}

Recuerda modificar los textos que van, ya que es como si hablasen al admin de la tienda. Puedes ponerles que te contacten si han tenido algún problema o que pueden completar su compra con la url del pago.

Espero que os haya sido de utilidad, como siempre en comentarios os puedo resolver todas las dudas. Esta es la configuración que suelo usar en todas las tiendas en línea que realizo con WooCommerce.

¡Haz clic para puntuar esta entrada!
(Votos: 9 Promedio: 4.1)
mailerlite diegol

Especialista en Comercio electrónico con Woocommerce. Te ayudo a crear, gestionar y publicitar tu Ecommerce en función de tu sector y público objetivo. Puedes encontrarme en Diegol.top

¿Necesitas ayuda con este tutorial? Mándame un correo y te resuelvo todas las dudas!


Ver servicios Curso de WooCommerce

También puedes realizar una donacion para seguir apoyando la salida de nuevos tutoriales y actualizaciones

mailerlite diegol

Reader Interactions

comentarios

  1. Fernando González says

    Hola te escribo desde Chile, sabes en woocommerce cuando se cancela un pedido solo le llega un email al admisnitrador de la tienda, porque asi esta definido como estandar, existe la posibilidad de agregar otro destinatario par el caso de PEDIDO CANCELADO Y PEDIDO FALLIDO. Asi el cliente tambien le llegara un email avisandole que su pedido se CANCELO O bien fue FALLIDO.

    Muchas gracias.

    • Diegol says

      Hola Fernando,

      Muy curioso tu comentario. He actualizado el post con el código que deberías añadir para que se reenvie al cliente y tenga constancia de que no se ha procesado.

      Un saludo!

      • Cristian says

        Diego tu funcionalidad solo cambia el recipiente al que se envía el correo, de el administrador al cliente o se envía a ambos recipientes.

        • Diegol says

          Hola Cristian,

          Ambos reciben el mail, cliente y nosotros como tienda. Si quieres eliminar alguno de los dos solo tendrías que quitar esa parte del código, la del cliente o la tuya.

          Un saludo!

  2. Cristian says

    Buenas tarde:

    Cristian desde México, quizá tu snippet es lo que estoy buscando pero una pregunta. Esta funcionalidad cambia el criterio de enviar el correo al administrador al cliente o ambos recipientes recibirán el correo???

    Saludos….have a nice day

  3. Raquel says

    Hola Diego!
    Explicas como cambiar el color de la cabecera del email (en rojo). ¿Pero cómo puedo cambiar el color del texto que va en esa cabecera? Donde pone «Plantilla de correo electrónico HTML». Ahora me sale en negro, y me gustaría ponerlo en color blanco.
    Muchas gracias.

    • Diegol says

      Hola Raquel,

      El color de ese texto es automático, es decir cambia dependiendo del color que le pongas. Si el fondo es oscuro pondrá un color blanco, y si es claro las letras serían negras.

      Se podría cambiar modificando las plantillas de WooCommerce su CSS pero no te lo recomiendo.

      Un saludo!

  4. juan says

    Hola Diegol.. te hablo de Argentina. Te consulto necesito enviar el correo de Procesando tu pedido (correo que se envia SOLO AL CLIENTE, cuando se confirma el pago) a una direccion de email distinta( por ejemplo al almacén de donde se despacha los productos ). Osea que se envie al cliente y al almacen de donde se despacha los productos.
    Podes ayudarme??
    Gracias

    • Diegol says

      Hola Juan,

      Con configurar que cuando haya un nuevo pedido te llegue es suficiente, ya que recibes esa notificación. Puesto que ese correo solo está programado que llegue al cliente. En este tutorial te explico como.

      Un saludo!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *