blog webempresa

Cómo personalizar los productos relacionados en WooCommerce

por | Feb 12, 2023 | WooCommerce

Cómo personalizar los productos relacionados en WooCommerce

En la mayoría de los casos buscamos una personalización de nuestro sitio para obtener mejores resultados de los que tenemos con los ajustes por defecto del mismo, este es el caso con los productos relacionados en WooCommerce, en donde al modificar este mismo buscamos que nuestra tienda WordPress tenga más éxito y las personas o compradores puedan agregar más productos a sus carritos o carrito abandonados en WooCommerce una vez estén por terminar su pedido y así lograr más ventas cruzadas, en esta guía vamos a ver como personalizar un poco estos productos relacionados para mejorar un poco más la personalización de WooCommerce.

Antes de proceder con las diferentes formas y opciones para hacer este ajuste, vamos a ver un poco mejor el porqué es bueno que en nuestras instalaciones modifiquemos esta característica base del hosting WooCommerce.

  Qué son los productos relacionados en WooCommerce


En este caso primero necesitamos conocer que es lo que define WooCommerce como producto relacionado y como trabaja el mismo para fortalecer nuestro trabajo de ventas, por defecto WooCommerce relaciona los productos por su categoría en similitud con la del producto que se esta viendo actualmente, esto puede resultar contraproducente si en las categorías creadas tenemos miles de productos o cientos para cada una de ellas. Por lo que vamos a entender lo siguiente:

Si ingresamos a un producto y luego vamos a la sección de productos relacionados en WooCommerce, vamos a poder visualizar las siguientes opciones:

Ventas relacionadas

Una vez nos encontramos en esta sección vamos a ver de una forma generalizada las dos opciones de ventas cruzadas que tenemos disponibles:

  • Up-sells (Ventas dirigidas)
  • Cross-sells (Ventas cruzadas)

En el caso de que seleccionemos la opción de Up-sells o ventas dirigidas, el propio WooCommerce nos agregara un módulo dentro del producto con un título ya preestablecido con un texto que incita a la persona a ver otro producto (También te recomendamos…), debajo de esta recomendación se van a mostrar unos tres a cuatro productos como un bloque de productos WooCommerce y recomendados para que las personas puedan ingresar a estos en caso de que sientan interés en este producto en particular.

Sí, por el contrario, seleccionamos la opción de Cross-sells o ventas cruzadas, no se mostrará esta opción en el producto, sino, por el contrario, vamos a ver esta opción mostrarse directamente en el carrito de compra bajo un mensaje de (Tal vez te pueda interesar…), esto para lograr una última interacción con el cliente al momento de que el mismo finalice su compra, asi como el mostrar los productos agrupados en WooCommerce.

  Por qué personalizar productos relacionados en WooCommerce


Llegados a este punto nos planteamos, ¿por qué tenemos que modificar estos productos relacionados en WooCommerce y en que me beneficiara?, agregar y personalizar estas secciones en nuestro WooCommerce nos puede venir muy bien para aumentar las conversiones y ventas a nuestros sitios así mismo nos ayuda a mostrarle a nuestros clientes otros artículos que tenemos a disposición y que se interesen en ellos para poder aumentar la posibilidad de realizar una venta de estos mismos.

Sin contar la posibilidad existente de aumentar los ingresos realizando esta práctica, además los productos relacionados mantienen la atención de los usuarios al momento de comprar un producto y ayudan a encontrar otras posibles soluciones que estén buscando para su día a día. Esta es una mejora para la experiencia del usuario dentro de nuestra página así mismo como una mejora para el proceso de compra de nuestro sitio al personalizar checkout WooCommerce, lo que hace que se interesen más por nuestro sitio, ayudándonos en un futuro a que estos vuelvan a comprar.

De forma predefinida no tendremos que hacer mucho para que funcione, ya que esta opción muestra como hemos mencionado los productos según su categoría y etiquetas WordPress, por lo que si un cliente esta viendo un producto y este esta bajo la categoría, por ejemplo de ofertas del mes, este va a ver los demás productos recomendados, mejorando así la navegación de nuestro sitio

Para poder aprovechar aún más estos ajustes lo ideal sería el que podamos personalizar estos productos relacionados en WooCommerce para que podamos ofrecer a nuestros usuarios una experiencia más personalizada.

  Cómo configurar productos relacionados en WooCommerce sin plugin


Para mostrar los productos relacionados ya hemos visto que se puede hacer por medio de dos opciones, ventas dirigidas y ventas cruzadas, así mismo el cómo activar cada una de estas dos opciones que tenemos disponible, pero como hemos mencionado anteriormente estas trabajan con base en los productos que seleccionemos manualmente, entonces nos planteamos la duda de como podemos personalizar un poco más esta opción en nuestro sitio.

Para poder personalizar un poco este ajuste y que no tome en cuenta las categorías de WordPress, sino que se centre en las etiquetas, vamos a agregar un código a nuestro archivo functions.php WordPress, para ello simplemente ingresamos a nuestro WePanel > administrador de archivos > Public_html > dominio > wp-content > themes > tema utilizado > archivo functions.php, una vez ingresemos a este debemos agregar al final del todo el siguiente código, para modificar la organización de categorías y etiquetas a solo etiquetas, igualmente es bueno recordar que siempre que trabajemos con algún tipo de ajustes a nivel de este archivo se tenga previamente un backup de WordPress o bien un respaldo general con superbackup.

/* Productos relacionados sólo por etiquetas */
add_filter ('woocommerce_product_related_posts_relate_by_category', function () {
    return false;
});

Aunque en el código no mencione la palabra etiquetas y solo posee un texto de categorías, lo que precisamente hace es omitir las mismas de la selección de producto para lograr que la selección la podamos realizar nosotros mismos basándonos en una etiqueta que podemos agregar a los productos que queremos que se mantengan relacionados entre sí. En otras palabras podemos acortar esta selección de productos, pero manualmente no podemos decidir que productos mostrar y cuáles no si tenemos una lista muy grande de productos para mostrar.

Este no es el único código que afecta a los productos relacionados, también tenemos a disposición otro código que nos permite agregar cuatro productos por página y dividido en dos columnas, de esta forma poder ejercer una personalización extra en nuestros productos personalizados sin la necesidad de agregar un plugin para esto

/**
* Cambiar numero de productos relacionados
*/
function woo_related_products_limit() {
global $product;

$args['posts_per_page'] = 6;
return $args;
}
add_filter( 'woocommerce_output_related_products_args', 'jk_related_products_args', 20 );
function jk_related_products_args( $args ) {
$args['posts_per_page'] = 4; // 4 Productos
$args['columns'] = 2; // organizados en dos columnas
return $args;
}

Igualmente, podemos agregar otro código para que solo se muestren en donde sea que agreguemos productos relacionados, una única ID sea tomada en cuenta y muestre siempre productos basándonos en este que seleccionemos, para ello igualmente que en los anteriores casos debemos agregarlo al final del archivo functions.php.

add_filter('woocommerce_related_products', 'add_related_products');
function add_related_products($related_product_ids)
{
// WC source code stores IDs as string in this array, so I did that too
$related_product_ids[] = '0000';
return $related_product_ids;
}

En este caso debemos sustituir lo que vemos como 0000 por el ID de la categoría o etiqueta que queremos que sea tomada en cuenta.

  Cómo configurar productos relacionados en WooCommerce con plugin


Otra de las opciones que podemos tener al momento de personalizar los ajustes que no nos permite por defecto el WooCommerce es el de utilizar un plugin especializado en la personalización de estas ventas cruzadas y ventas dirigidas, por lo que a continuación vamos a ver una serie de plugins WordPress, algunos gratuitos y otros de pago que pueden ayudarnos a mejorar un poco lo que sería la selección de productos, así como también mejorar un poco más la estética básica que se obtiene al insertar estos productos en nuestro sitio.

  Plugin Related Products for WooCommerce


Este plugin resulta ser una opción bastante buena al momento de personalizar nuestra tienda en Divi y nuestros productos en WooCommerce para ventas cruzadas y sugeridas, no solo nos puede ayudar a deshabilitar una selección de productos aleatoria base de WooCommerce, sino que también podemos definir los productos que queremos recomendar nosotros mismos, además de poder en tal caso de que no nos moleste el uso de etiquetas o categorías específicas para mostrar en un producto que no es de la misma categoría que asignemos.

Related Products for WooCommerce

También nos hace posible el utilizar productos individuales a la sección de relacionados o bien excluirlos del todo, no solo productos se pueden excluir sino también etiquetas y categorías para un mejor control. Por esto se vuelve una buena alternativa para editar los ajustes preestablecidos y no sea tan complicado para nosotros el poder lograr sacarle provecho a estas opciones.

  Plugin Related Products for WooCommerce refresh on reload


Con este plugin podemos agregar un widget de productos relacionados en WooCommerce a cualquier parte de nuestro sitio, solo debemos utilizar el shortcode correspondiente para que funcione de manera correcta, esto permitirá al mismo incluir productos relacionados según una visualización actual de productos o algunos en específico, de esta forma podemos anunciar más productos específicos en diferentes partes de nuestra tienda, no solo dentro del producto y en la zona del carrito.

Related Products for WooCommerce

Además de esto, también podemos personalizar que productos son los que va a recomendar este widget, desde que cantidad de productos va a mostrar así como un control deslizante en esta misma sección para que no ocupe tanto espacio de nuestros elementos ya establecidos, también como su nombre lo indica al momento de realizar un refrescamiento de nuestro sitio o una nueva carga (F5) vamos a poder ver otros productos de la lista de categorías, etiquetas o selección que tengamos hecha para mostrar estos productos te una forma más variada y no siempre los mismos.

  Plugin WPB Related Products Slider


Este plugin nos ayudará a convertir estos artículos relacionados en un slider para WordPress un poco más estilizado con controles deslizantes tal como se ven en un slider general, pero manteniendo los productos como el centro de atención ayudándonos a impulsar un poco más las ventas con un diseño agradable a los usuarios y que se adapta a cualquier dispositivo ya sea desde computadora de escritorio como teléfono y tablet. Este posee dos temas de los cuales podemos elegir y personalizar un poco los aspectos del diseño.

WPB Related Products Slider for WooCommerce

El control deslizante esta optimizado para verse bien en cualquier resolución lo que lo hace bastante efectivo al momento de vender productos relacionados, ya que nuestros clientes pueden ver y agregar el producto directamente desde este mismo sin la necesidad de ir directamente al producto para ser agregado posteriormente al carrito, este plugin también tiene una versión pro en la que podemos obtener más opciones como selección de productos específicos, más estilos de diseño, orden alfabético de los productos y otras opciones más.

Este es bastante sencillo de configurar con ajustes bastante dinámicos y haciendo énfasis en el control deslizante para mejorar la experiencia de usuario.

  Plugin Boost Sales for WooCommerce


Este plugin nos ayuda a crear una estrategia de venta de una forma más sencilla, este esta configurado para recomendar ciertos productos en relación al producto principal que agrega el usuario a su carrito de forma tradicional o con el uso de plugins de carrito para WooCommerce, mostrando ya sea un popup en WordPress con el aviso o un panel desplegable con productos relacionados, todo para poder estimular al cliente a realizar una compra de estos productos que pueden ser de interés de una forma rápida y efectiva.

Boost Sales for WooCommerce – Set up Up-Sells & Cross-Sells Popups & Auto Apply Coupon

Entre las características principales de este tenemos el que crea una ventana o popup donde se muestran estos productos, de tal forma que no interfiere en el diseño que tengamos establecido para los productos, este trabaja de forma que no se pierda algún ajuste que se haya realizado previamente de los productos relacionados, esto quiere decir que no perderemos el trabajo realizado previamente en caso de que queramos utilizar este plugin. Adicionalmente como en otros de los plugins, es posible configurar detalladamente qué productos son los que van a ser mostrados en este popup.

  Conclusion


Para resumir un poco lo que hemos logrado, el editar la sección de productos relacionados en WooCommerce nos puede ayudar a que los usuarios tengan una mejor experiencia dentro de nuestro sitio permitiéndonos que se mejore la interacción de ellos con nuestro sitio podemos potenciar un poco más nuestras ventas. Por lo que en esta guía hemos visto como de diferentes formas podemos utilizar los productos relacionados de WooCommerce para sacar el máximo del provecho a esta característica que no esta tan desarrollada por el propio WooCommerce, permitiéndonos así configurar IDs y categorías específicas para mostrar los productos, modificar que valores va a tomar en cuenta el mismo para poder mostrar estos productos, la posibilidad de utilizar un plugin que nos ayude a gestionar esta opción sin necesidad de código y la inserción de sliders que nos ayudan a dar un refrescamiento aún más grande a una sección un poco seria que trae esta opción de productos relacionados.

Como podemos ver muchas mejoras que podemos hacer a nivel de los productos relacionados para mantener a nuestra clientela más a gusto con nuestro sitio.

También te puede interesar:

¿Te ha resultado útil este artículo?

Banner 70 descuento Marzo