Cómo añadir un producto variable en WooCommerce

Los productos variables pueden ser una herramienta útil para ciertas tiendas y esencial para otras. En realidad, tienen un efecto significativo en la calidad de la experiencia de navegación de los clientes y en la gestión de sus inventarios.

En este artículo, exploraremos qué son los productos variables (incluyendo ejemplos de los más comunes), sus beneficios y te proporcionaremos una guía detallada sobre cómo crear un producto variable, configurar las variantes y venderlas a tus clientes.

Por complejo que pueda parecer este tema, te aseguramos que se trata de un proceso muy sencillo y te guiaremos paso a paso con imágenes incluidas.

Empecemos por definir los productos variables.

Qué son los productos variables en WooCommerce

Estarás pensando: ¿qué significa un producto variable de WooCommerce? Este concepto se refiere a cualquier producto que incluya opciones diferentes en su interior que los clientes puedan seleccionar al momento de comprar.

Aquí tienes un ejemplo: tu tienda vende smartphones. Pero estos productos vienen con diferentes variaciones, incluyendo el color. Por supuesto, podrías crear un único producto para cada color disponible, pero esto dificultaría la navegación del cliente y, sin duda, haría que tu catálogo de productos sea más caótico, con cientos de artículos que se diferencian entre sí únicamente por el color.

Aquí es donde entran en juego las variaciones. ¿Cómo puedes hacerlo? Afortunadamente, WooCommerce te brinda la opción de crear productos variables. Al definir los diferentes atributos del producto que pueden variar, puedes crear una versión del producto para cada uno de ellos. Esta versión incluirá el número de artículos disponibles en stock, el costo y todos los demás detalles que normalmente agregas al crear un producto.

El cliente se encontrará entonces con una única página de producto en la que podrá elegir las variaciones que prefiera.

Ejemplos prácticos de productos variables de WooCommerce

Basta pensar un momento para darse cuenta de que hay muchos más productos variables de lo que se cree. Veamos algunos de los más comunes:

• Ropa – El producto variable por excelencia que puede contener distintos tipos de atributos y, por tanto, variaciones. Los más comunes son sin duda los relacionados con la talla y el color, sin los cuales no sería posible vender estos productos, pero puede haber otros atributos como el tipo de tejido, el tipo de escote y otros más. Dada la popularidad de estos productos, crearemos uno de ellos en nuestra guía a continuación.
• Smartphones y tablets – Ya mencionados anteriormente, estos dispositivos también se presentan en diferentes formas. Los atributos más comunes son los relacionados con el color y el tamaño de la memoria, ofreciendo 32, 64, 128, 256 o 1024 GB de memoria acompañados, por supuesto, de diferentes rangos de precios.
• Bolsos y joyas – También en este caso puede haber diversas variaciones, como el tamaño, los materiales, los tipos de correas, el color, etc.
• Muebles – Un tipo de producto que a menudo se pasa por alto, pero que realmente aprovecha al máximo los productos variables. Consideremos un sofá, una estantería o una mesa: pueden ofrecerse en diferentes materiales, colores y tamaños. La capacidad para asignar un costo diferente a cada variable es aún más relevante.
• Coches – Los coches también son productos que se ofrecen con distintas variaciones, como accesorios y color.

Hay muchos otros casos pero sería repetitivo, así que veamos las ventajas de los productos variables en WooCommerce.

Ventajas de los productos variables de WooCommerce

Antes hemos sugerido algunas ventajas, pero resumamos aquí las principales:

• Mejora de la experiencia de navegación y compra – Como hemos mencionado, hay una profunda diferencia entre mostrar todas las variaciones posibles de un producto como producto independiente y encapsularlo todo en un producto variable. Además de simplificar la experiencia de navegación, ofrecer a los clientes la posibilidad de personalizar su experiencia de compra y darles más variedad te permitirá mejorar su experiencia en tu sitio de inmediato.
• Aumento de los ingresos – Los productos variables repercuten en tus ingresos de tres formas. En primer lugar, aumentan tu tasa de conversión, ya que al simplificar el proceso de compra reducirá la tasa de abandono del carrito. En segundo lugar, te permiten aumentar el valor medio del pedido (o AOV), ya que es frecuente que un cliente compre múltiples variaciones del mismo producto, especialmente en el ámbito de la ropa. Por último, dada la tendencia de la mayoría de los clientes por personalizar sus productos y tener una experiencia a medida, esto también puede provocar un aumento de las ventas de tu tienda.

Diferentes clientes y diferentes tiendas pueden obtener beneficios adicionales, así que veamos cómo crear un producto variable.

Cómo crear un producto variable en WooCommerce

Crear un producto variable en WooCommerce es extremadamente sencillo y vamos a guiarte a través de la configuración de este tipo de productos con una serie de capturas de pantalla orientativas. Para el ejemplo que vamos a utilizar, queremos vender en nuestra tienda una camiseta de algodón que tendrá las siguientes variaciones:

• Talla – S, M y L.

Veamos ahora cómo hacerlo. Esto comienza con la creación de algunos atributos del producto.

Crea atributos para productos variables

¿Qué son los atributos en WooCommerce? Los atributos son las características detrás de las variaciones de un producto. Por ejemplo, el tamaño, el color, el material y cualquier otra cosa. Para crear variaciones en un producto, primero debes definir sus atributos.

En este sentido, WooCommerce te permite o bien crear atributos individuales para un producto, o bien atributos globales. El primer caso solo es útil si tienes claro que solo vas a tener un producto variable en tu tienda, de lo contrario casi siempre es más cómodo y rápido crear atributos globales que puedas usar en todos los productos que quieras.

¿Cómo crear un nuevo atributo global? En el menú de la izquierda ve a Productos > Atributos:

Se te abrirá una página. A la izquierda encontrarás los campos a rellenar para crear el nuevo atributo y a la derecha la lista (originalmente vacía) de todos los atributos globales de tu sitio.

Añade el nombre del atributo. Como, en nuestro caso, queremos crear un atributo relativo a la talla de la camiseta, crearemos el campo «talla». Una vez hecho esto, haz clic en «añadir atributo» y aparecerá a la izquierda. Haz clic en él y podrás añadir los términos.

Si el nombre del atributo corresponde a la palabra «talla», los términos corresponden a las distintas tallas, así en nuestro caso S, M y L:

Vamos a insertar el nombre del atributo y hacemos clic en el botón interior «añadir nueva talla»:

Como puedes ver, la talla añadida anteriormente ha aparecido ahora a la derecha. Repitamos el proceso para todos los atributos necesarios y habremos terminado de crear los atributos del producto.

Veamos ahora cómo asignarlos a un determinado producto.

Asigna atributos al producto

Para añadir atributos a un producto, ve a la página de edición del producto y desplázate hasta la sección «datos del producto». Aquí, después de elegir «producto variable» en el menú desplegable de la parte superior, elige la pestaña «atributos»:

Si no has creado un atributo global, tendrás que crearlo ahora haciendo clic en «añadir nuevo» y repitiendo el procedimiento que vimos antes (aunque simplificado). Tendrás que darle un nombre y luego añadir los distintos valores/términos, separados por una línea vertical | como esta.

Si, por el contrario, has creado un atributo global, búscalo en el menú desplegable:

Una vez seleccionado, se te pedirá que elijas los atributos que quieras utilizar. Por ejemplo, si has creado todas las tallas posibles y el producto solo tiene algunas, podrás elegir fácilmente las que prefiera:

Nota: en cualquier caso, tanto si has elegido un atributo global como si has creado uno desde cero, asegúrate de que la casilla «usado para variaciones» está marcada, de lo contrario no podrás crear tu producto variable.

Añade variaciones al producto

Una vez llegados a este punto, el resto es sencillo. Vete a la pestaña llamada «variaciones», justo debajo de la de «atributos»:

Si quieres crear una variación para cada uno de los atributos introducidos anteriormente, simplemente haz clic en «generar variaciones». De lo contrario, añádelas una a una haciendo clic en «añadir manualmente».

Como puedes ver, se ha creado una variación para cada atributo. Estas variaciones también tienen un número de producto único, por lo que te resultará fácil hacer un seguimiento del comportamiento y las preferencias de los clientes en tu sitio.

Al hacer clic en cada una de estas variaciones aparecerá una pantalla de edición similar a la que suele rellenar para un producto simple.

Configuración de los detalles de la variación

Aquí debes definir el precio de cada variación, después puedes introducir tanta información como quieras, incluyendo una descripción única, imagen, peso, etc.

Recomendamos marcar la opción «¿Gestionar existencias?» para que también puedas introducir el número de productos de cada variación.

Una vez hecho esto (y repetido para cada variación), el proceso habrá terminado. Solo queda comprobar que las distintas variaciones han aparecido en la página del producto:

Qué plugins de WooCommerce utilizar para las variaciones

Todo el proceso que hemos visto hasta ahora se puede conseguir simplemente con las funcionalidades internas de WooCommerce. Pero, como suele ocurrir con este CMS, la presencia de estas funciones no garantiza su optimización.

Al contrario: las variaciones de WooCommerce, por muy funcionales que sean, tienen dos problemas:

• Son limitadas y ofrecen pocas posibilidades de personalizar un producto y, por tanto, de vender artículos o servicios a medida.
• Son sosas, no captan la atención del cliente y, por tanto, no expresan todo su potencial.

Por tanto, veamos un par de plugins que pueden utilizarse para sacar el máximo partido a este tipo de productos.

YITH WooCommerce Product Add-Ons & Extra Options

El primer plugin que recomendamos es WooCommerce Product Add-Ons & Extra Options, que toma el concepto de variación y da a los clientes la opción de expresar una elección al comprar un producto. Así optimiza estos aspectos ofreciendo numerosos campos que se pueden insertar en la página del producto.

Como puedes ver en la imagen, el plugin te permite añadir campos de texto, menús desplegables, selectores de datos, muestras de color, casillas de verificación, listas para elegir, te da la opción de subir archivos y mucho más.

Es fácil darse cuenta de la enorme libertad que da un plugin así. ¿Quieres vender un anillo? Mientras que con las variantes clásicas el cliente solo podía elegir metal, color y tamaño, en este caso puede añadir un texto para grabar, elegir entre varias opciones, decidir la fecha de entrega y mucho más.

Un ejemplo brillante es el de los productos alimentarios. Piensa en una pizzería que permite hacer pedidos online. A través de estos campos, es posible disponer de los ingredientes elegidos anteriormente, cargar solo algunos de ellos, añadir una bebida y elegir la fecha de entrega:

Y esto es solo la punta del iceberg de los muchos productos y servicios que pueden beneficiarse de este plugin.

YITH Color, Image & Label Variation Swatches for WooCommerce

Por fin un plugin que permite mejorar el aspecto visual de las variaciones incluidas por WooCommerce, haciéndolas atractivas e incitando al cliente a realizar la compra.

El plugin Color, Image & Label Variation Swatches for WooCommerce ofrece una visión clara, sustituyendo a los selectores clásicos y mostrando colores, materiales, tamaños y texturas de una forma más moderna y dinámica:

De nuevo, estamos hablando de un plugin extremadamente fácil de usar pero que puede tener un impacto significativo en los resultados de tus productos variables.

Además, estas variaciones también pueden mostrarse en la página de la tienda, transformando por completo tu tienda y agilizando drásticamente la navegación (y las compras) de tus clientes:

Conclusiones

Los productos variables no solo son una herramienta útil, sino esencial para muchas tiendas online. Crear un producto variable es muy fácil y solo te llevará dos minutos de tu tiempo.

No esperes más: optimiza el aspecto y la navegación de tu tienda online, aumenta tus ventas, el valor medio de tus pedidos y la satisfacción de tus clientes con un pequeño esfuerzo.