Vincular las variaciones con productos WooCommerce

Los productos variables… Esos productos que nos dan varios problemas que hay que solucionar como ocultar o tachar las variaciones agotadas, mejorar el rendimiento de la web para que no sean lentos o bien optimizarlos lo máximo posible para que el cliente de un vistazo sepa todo lo que tenemos disponible.

Sin embargo puedes tener otro problema, que quieras tener tus productos individuales en la web y a la vez enlazado a un variable, ya sea por posicionamiento SEO o experiencia de usuario. Si no lo has entendido muy bien, esto se refiere a que cada producto tiene una ficha de producto independiente, pero los unimos para que el cliente sepa que tenemos esa variación y haga clic para verla y redirigir.

Esto suele ocurrir cuando tenemos muchos productos muy parecidos entre sí en el catálogo, ya sea por color, tamaño, material, etc. Si aun no lo entiendes, puedes ver el vídeo o esta imagen:

Para que cuando seleccionen la variación vayan al producto como tal, no que sea una variación. Así podemos trabajar el SEO de los productos independientemente, tener un enlace interno, mejorar la experiencia de usuario y las ventas de la tienda online.

Para conseguirlo vamos a instalar un plugin gratuito en WooCommerce explicado en este tutorial y en el vídeo asociado.

Ventajas de Vincular Productos en WooCommerce

• Mejora de la Experiencia del Usuario: Al vincular variaciones específicas a páginas de productos simples o variables, facilitas que los clientes encuentren exactamente lo que buscan sin tener que navegar por toda la tienda online. Esto es especialmente útil para tiendas con amplios catálogos con productos similares, donde los clientes pueden sentirse abrumados fácilmente.
• Optimización del SEO: Ya no solo por optimizar cada producto para una intención de búsqueda diferente, si no que conseguimos enlaces internos en la web de productos similares.
• Venta Cruzada y Up-Selling: Con variaciones claramente definidas y vinculadas a productos individuales, es más fácil implementar estrategias efectivas de venta cruzada y up-selling. Por ejemplo, puedes mostrar productos relacionados o complementarios en cada página de producto, incentivando compras adicionales.

En resumen una funcionalidad muy útil para varios sectores como la moda, tecnología o complementos.

Plugin gratis: WPC Linked Variation for WooCommerce

Disponible en el repositorio oficial de WordPress o haciendo clic en este enlace. Para mi el plugin más completo y funcional, este nos permite:

• Vincular los productos por Atributos: En formatos como listas, selectores o imágenes.
• Elegir la posición donde se muestra en la ficha de producto.
• Permite mostrar también las variaciones vinculadas en el catálogo de productos(categorías).
• Poder mostrar un tooltip: Es decir, mostrar el nombre del producto vinculado al pasar el ratón por encima.
• Permitir si mostrar la página del producto vinculado en una nueva pestaña, como popup o en la misma página.
• Configurar si los enlaces internos sean follow o no follow.
• Permite mostrar el contenido donde queramos a través de un shortcode

Por lo tanto, nos permite personalizar a nuestro gusto la herramienta y es totalmente funcional. Una vez instalado el plugin, nos tendremos que ir a la sección del administrador de WordPress de WPClever > Linked Variations.

En la pestaña de ajustes configuraremos las funcionalidades, como la ubicación del selector y los demas ajustes comentados anteriormente. Una vez hecho esto, tendremos que configurar los atributos en los productos para poder unirlos(Si no lo hemos hecho previamente). Esto nos permitirá, poder unirlas para mostrarlas en el producto.

Para ya poder hacer el último paso, en el menú de WordPress vamos a Linked Variations y creamos una nueva. Seleccionamos los productos a unir y el atributo asociado:

Una vez realizado esto, podremos comprobar que en la página de los productos tenemos la sección para intercambiar los productos:

Si no se muestra en la zona que queremos, podemos usar un gancho del producto, en este caso apra que salga después de la descripción corta:

add_action( 'woocommerce_before_add_to_cart_form', 'woocommerce_wpclv_posicion', 30 );

function woocommerce_wpclv_posicion() {
    echo do_shortcode('[wpclv]'); 
}

Otros plugins

Existen otros plugins también interesantes:

Advanced Linked Variations for Woocommerce de Dotstore: Igual que el explicado y gratuito.

WooCommerce Linked Variations de IconicWP. Premium y mucho más usable de usar.

Espero que os haya servido el tutorial y cualquier duda extra tenéis el vídeo de Youtube para ampliar los conocimientos del tutorial y verlo todo de forma práctica.