Si tienes una tienda online es fundamental prestar atención constante a la experiencia de tus clientes, asegurándote de que pueden encontrar y comprar fácilmente tus productos, y de que no hay demasiados pasos para poder realizar el proceso de compra completo.
Índice de contenidos
Divi y WooCommerce
El plugin de tiendas online WooCommerce se integra perfectamente con el tema Divi, pues no solo puedes crear diseños de productos geniales y atractivos con Divi, también puedes usar varios módulos de WooCommerce incluidos en el maquetador para mostrar tus productos del mejor modo posible en tu tienda.
Por supuesto, uno de los módulos más populares de Divi es el módulo de tienda, pues simplemente añadiéndolo donde quieras (página, entrada, etc.) puedes convertir cualquier sección de tu sitio en un apartado de venta.
El problema
Pero si hay algo que siempre he echado en falta en el módulo de tienda de Divi es que muestre un botón de añadir al carrito, pues por defecto solo muestra la imagen del producto, su nombre y el precio.
Al no haber un botón para añadir el producto rápidamente al carrito, si el cliente quiere hacer ya la compra, le obliga a pasar primero por la página del producto.
La solución
¿A que sería una buena idea poder ahorrar a tus clientes este paso extra? ofreciendo en el módulo de tienda de Divi un botón para añadir al carrito rápidamente tus productos.
Con un sencillo pero a la vez potente truco, vamos a incorporar el botón de añadir al carrito automáticamente a todos los productos del módulo de tienda de Divi.
Pues solo tienes que añadir una simple línea de código al final del archivo functions.php del tema hijo de Divi, este:
/* Botón de añadir al carrito en el módulo tienda de Divi */
add_action('woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_add_to_cart', 10);Guarda los cambios y tendrás unos módulos de tienda de Divi mucho más prácticos, que mejorarán tus ventas y harán más sencilla la experiencia de compra de tus clientes.
Ahora se mostrará en cada producto de los módulos de tienda de Divi un botón para añadirlo al carrito si es un producto simple, de seleccionar opciones si es variable, o de ir al sitio afiliado si es un producto externo.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
Hola!! Cómo podría cambiar el texto cuando el producto esté agotado. Es decir, ahora, cuando no hay stock el texto que pone es Leer más, y me gustaría poner agotado.
Gracias.