Mostrar la imagen de los productos en los correos de WooCommerce

webempresa woocommerce diegol

Después de haber configurado los correos electrónicos de WooCommerce, esta configuración se nos puede quedar un poco escasa o no gustarnos como se muestra el mail. Una de las cosas que más me suelen pedir es poder mostrar la imagen de cada producto en el mail.

Esto sobretodo ocurre porque muchas veces el cliente compra por los ojos y no sabe lo que está comprando por el nombre, sino por la imagen. Es por eso, que mostrarle la foto del producto nos puede quitar muchas consultas de atención al cliente y mantener al cliente tranquilo hasta que le llegue el producto. Un ejemplo de cómo se mostraría la imagen:

mostrar la foto del producto en los correos de woocommerce

Como vemos en la foto el padre sabe que le ha comprado el muñeco que quería su hijo, pero por el nombre no va a saber cual era.

Así que como siempre para conseguir esto añadimos el siguiente código en el functions.php de nuestro child theme o bien en el plugin de funcionalidades como explico aquí o si lo quieres ver en vídeo.

function dl_add_images_woocommerce_emails( $output, $order ) {
 
 static $run = 0;
 
 if ( $run ) {
 return $output;
 }
 
 $args = array(
 'show_image' => true,
 'image_size' => array( 80, 80 ),
 );
 
 $run++;
 
 return wc_get_email_order_items( $order, $args );
}
add_filter( 'woocommerce_email_order_items_table', 'dl_add_images_woocommerce_emails', 10, 2 );

Podéis cambiar el tamaño de la imagen en el propio código en la variable image_size.

Eso es todo, si necesitáis mostrar más imagenes en vuestra tienda online os recomiendo los siguientes tutoriales:

¡Cualquier duda os leo en comentarios!

¡Haz clic para puntuar esta entrada!
(Votos: 3 Promedio: 5)

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

Reader Interactions

comentarios

  1. Marcelo says

    Genial el codigo.
    Te consulto, lo aplique y funciona perfecto, pero NO en el primer mail, si las muestra cuando cambio el estado del pedido, pero en el mail original del pedido no llega con imagenes.
    Podras darme una idea de como resolverlo?
    Gracias
    Marcelo

  2. Nels says

    Hola Diegol, muchas gracias por toda la información que compartes me ha servido mucho!

    Quería consultarte si tendrás un código o una forma para que el checkbox «acepto los términos y condiciones» en el checkout venga marcado por defecto. Te lo agradecería mucho.

    Conseguí uno que marca por defecto el envíar a una dirección diferente pero no me sirvió o no supe adaptarlo al checkbox de los terminos.

    Saludos.

    • Diegol says

      Hola Nels,

      Sí, es posible, te dejo el código para ponerlo en el functions.php de tu child theme:
      add_filter( 'woocommerce_terms_is_checked_default', '__return_true' );

      Creo que no es legal hacer esto, al menos en mi país(España), así que ten cuidado 🙂

      Un saludo!

Deja una respuesta

Tu dirección de correo electrónico no será publicada.