Cuando tienes una tienda online, cada producto es una oportunidad de mostrar otros artículos y aumentar el valor del carrito. Pero, ¿sabías que WooCommerce, por defecto, los productos relacionados los muestra en función de la categoría y etiquetas del producto actual?
Esto significa que estás perdiendo una ocasión de oro para guiar al cliente hacia productos más relevantes o recientes, justo cuando está más interesado. En este tutorial te explico cómo cambiar eso y mostrar los productos relacionados más nuevos automáticamente, con un simple ajuste de código. Sin plugins, sin complicaciones.
Por otro lado, si lo que quieres es seleccionarlos tú en cada producto o bien no mostrar los agotados, te dejo ambos tutoriales enlazados.
Índice
¿Por qué mejorar los productos relacionados?
Mostrar productos relacionados es una técnica de venta cruzada fundamental. Pero si esos productos:
- No están actualizados,
- No tienen stock,
- O simplemente no son relevantes…
… el cliente los ignora. En cambio, mostrar los productos más nuevos de la misma categoría tiene ventajas muy claras:
- Mayor visibilidad de nuevos lanzamientos sin esfuerzo.
- Mejor experiencia de usuario: el cliente ve variedad y frescura.
- Incremento en el ticket medio, ya que sugieres productos alineados con su interés actual.
- Y todo esto sin tener que marcar productos manualmente como relacionados.
¿Cómo funcionan los productos relacionados en WooCommerce?
WooCommerce, por defecto, genera los productos relacionados a partir de:
- Las mismas categorías,
- Y/o las mismas etiquetas del producto actual.
El problema es que el orden de esos productos es aleatorio (ORDER BY RAND()), lo cual no siempre es lo más efectivo desde el punto de vista comercial. Además, no puedes controlar fácilmente qué se muestra primero… a menos que sobrescribas la lógica.
Cómo mostrar los productos relacionados más recientes
No usaremos plugins, con este fragmento de código que puedes añadir en el function.php de tu child theme o bien en tu plugin de funcionalidades como explico aquí:
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );
add_action( 'woocommerce_after_single_product_summary', 'custom_output_related_products_by_date', 20 );
function custom_output_related_products_by_date() {
global $product;
if ( ! $product ) {
return;
}
// Obtener categorías del producto actual
$terms = wp_get_post_terms( $product->get_id(), 'product_cat', array( 'fields' => 'ids' ) );
if ( empty( $terms ) ) {
return;
}
$args = array(
'post_type' => 'product',
'post_status' => 'publish',
'posts_per_page' => 4, // Cambia el número si quieres más o menos
'orderby' => 'date',
'order' => 'DESC',
'post__not_in' => array( $product->get_id() ),
'tax_query' => array(
array(
'taxonomy' => 'product_cat',
'field' => 'term_id',
'terms' => $terms,
),
),
);
$related_query = new WP_Query( $args );
if ( $related_query->have_posts() ) {
echo '<section class="related products">';
echo '<h2>' . esc_html__( 'Productos relacionados', 'woocommerce' ) . '</h2>';
woocommerce_product_loop_start();
while ( $related_query->have_posts() ) {
$related_query->the_post();
wc_get_template_part( 'content', 'product' );
}
woocommerce_product_loop_end();
echo '</section>';
}
wp_reset_postdata();
}Gracias a este pequeño cambio, tus productos relacionados estarán siempre actualizados automáticamente, mostrando lo más nuevo y reciente de tu tienda. Una estrategia tan simple como eficaz para:
- Promocionar colecciones recientes,
- Dar más visibilidad a lanzamientos,
- Y mejorar la experiencia de compra.
Si quieres mejorar el SEO de los productos relacionados para quitar el H2 te dejo este tutorial.
