#1 Empresa independiente en la venta de plugins para WooCommerce
Cambiar idioma
Español

< Volver a todos los artículos

Cómo agregar color y tamaño en un producto WooCommerce

Muchos de los productos que utilizamos a diario no podrían venderse sin variaciones. Por ejemplo, estamos tan acostumbrados a comprar ropa eligiendo modelo, color y talla que ya casi no prestamos atención y damos por sentado este tipo de opción.

Sin embargo, cuando falta una de estas variables, nuestra acción de compra se interrumpe.

Es por ello que es importante entender cómo crear productos en WooCommerce que permitan a tus clientes elegir diferentes opciones. En este artículo, nos adentraremos sobre qué son las variaciones de producto, a qué productos se aplican y por qué son importantes, para luego pasar a descubrir cómo ofrecer esta opción en tu tienda online creada con WooCommerce.

Empecemos por ver qué son las variaciones de producto.

Qué son las variaciones de producto y por qué son importantes

Es bastante sencillo entender qué son las variaciones de producto: hay varios artículos que pueden ofrecerse en distintas variaciones, como una camiseta. Claro que se podría crear un producto diferente para cada color y talla, pero entorpecería la navegación, confundiendo a clientes e inundando el catálogo de productos muy similares.

Todo ello tendría un claro impacto negativo en tus ventas.

Además de camisetas, pantalones, vestidos, chaquetas, zapatos, ropa interior y trajes de baño, no es raro encontrar como productos variables toallas, mantas, almohadas, joyas, relojes, fundas de teléfono, maquillaje, gadgets, televisores con diferentes resoluciones, envases de alimentos de distintos pesos y un largo etcétera.

En resumen: cualquier producto que pueda venderse en diferentes tonalidades (ya sean de color, tamaño u otras) puede sin duda beneficiarse de la forma «variable». Pero, ¿en qué se diferencia de la clásica?

Diferencia entre productos simples y productos con variaciones

Un producto simple es el clásico producto a la venta en un sitio web de eCommerce: introduces una imagen, un título y una descripción, decides un precio y el número de artículos de tu inventario, y lo pones a la venta.

Un producto variable funciona de forma diferente: siempre creas un único producto, pero dentro de él creas una serie de variaciones que tus clientes pueden elegir durante la compra.

En pocas palabras, el cliente va a elegir un producto genérico y luego una o más variables específicas (no te preocupes, vamos a ver en detalle cómo hacer esto más adelante).

Para cada variación creada en la página del producto, se generará un código de identificación que será utilizado por la tienda al generar el pedido.

Desde el punto de vista del cliente, por tanto, esto es realmente sencillo e intuitivo y sigue la mecánica ya utilizada en el resto de tiendas online. Desde el punto de vista del vendedor, aunque el proceso de creación de un producto variable es ligeramente más largo que uno simple, no le llevará más de unos minutos.

¿Cómo afecta la elección de colores y tallas a la percepción del cliente y a sus decisiones de compra?

Más allá de proporcionar una elección prácticamente obligatoria en determinados ámbitos, como el de la ropa, ofrecer la posibilidad de elegir otorga numerosas ventajas dentro de tu tienda.

Por ejemplo, cuando existen numerosas variantes de color, puedes elegir qué color mostrar en el catálogo de la tienda en función de tu estilo o estrategia de promoción.

Además, estas variables suelen utilizarse dentro de la propia consulta del catálogo, mediante el uso de filtros en función de las distintas opciones puestas a disposición.

Ofrecer diferentes tallas te permitirá crear una tienda más inclusiva que haga sentir bienvenidos a clientes de todo tipo. Encontrar la talla rápidamente también ayuda a mantener la conexión, ya que el cliente se sentirá incentivado a descubrir también otros productos, al tener ya la confirmación de que existen artículos adecuados.

Hay muchas otras ventajas, pero sería redundante mencionarlas. En su lugar, echemos un vistazo a cómo crear productos variables en tu tienda online con WooCommerce.

Añade tallas y colores a los productos de WooCommerce

Para crear un producto variable en tu sitio (en este ejemplo tamaño y color), solo tienes que comenzar con la creación clásica de productos:

Editar producto

Una vez que hayas añadido toda la información que normalmente introducirías, como el nombre y la descripción, desplázate hasta la sección «Datos del producto». En el menú desplegable que encontrarás aquí, elige «Producto variable»:

Producto variable

Si haces clic en este tipo de producto, aparecerá una nueva pestaña justo debajo de «Atributos», o «Variaciones». Pero antes de explorar esto, centrémonos en los Atributos:

Atributos

Haciendo clic en «Añadir nuevo» podrás añadir un atributo a tu producto basado en los disponibles. Cada uno de estos atributos puede ser utilizado en variaciones. Para ello, tendrás que introducir el tipo de atributo a la izquierda y los detalles a la derecha:

Creación de atributos

En el ejemplo mostrado, hemos creado dos atributos: Talla y Color. A continuación, hemos especificado las distintas opciones, separando cada una de ellas con el símbolo | . En las tallas hemos introducido los términos universales S, M, L, XL y XXL (pequeña, mediana, grande y extra grandes) y en los colores el rojo, azul, negro y blanco.

Una vez hecho todo esto, puedes utilizar estos atributos para generar variaciones de tu producto.

Para ello, ve a la siguiente pestaña y haz clic en Variaciones. Esto estará vacío, con un botón que dice «Generar variaciones» en la parte superior:

Generar variaciones

Este botón, te permitirá crear automáticamente una variación para cada atributo que hayas especificado anteriormente. Cada una de ellas puede personalizarse como un simple producto, cambiando la imagen, el precio, el peso, la descripción, etc:

Detalle de la variación

También puedes personalizar variaciones masivamente a través de los botones insertados en la parte superior:

Edición masiva

Una vez hecho esto, el producto aparecerá así:

Producto en el frontend

Y los clientes podrán hacer su elección con un simple clic:

Despliegue de variaciones

Como puedes ver, el sistema es realmente rápido e intuitivo. Por supuesto, siempre se puede mejorar, tanto en lo que se refiere a las prácticas a las que hay que prestar atención como a las herramientas que hay que utilizar para conseguir más funciones.

¿Qué aconsejamos para representar las variaciones de color y tamaño en tu comercio electrónico?

Utilizar una herramienta y explotarla al 100% son dos cosas distintas. Como has visto más arriba, se necesita muy poco para crear un producto variable, pero ¿cuál es la mejor manera de utilizarlo?

He aquí algunos aspectos que debes tener en cuenta durante el proceso:

  • Asocia imágenes a las distintas opciones – En el ejemplo anterior, las distintas opciones se indicaban en forma de texto en una lista desplegable, pero la mayoría de los clientes quieren poder ver la elección que están haciendo. Mientras que para las tallas no es necesario, para los colores debes insertar una miniatura del artículo con el color correspondiente o una muestra del color.
  • Inserte una tabla de tallas – Aunque la mayoría de la gente ya tiene una idea de la talla que busca, insertar una tabla con las distintas medidas de cada talla en las imágenes del producto puede ayudar mucho al cliente. Sobre todo teniendo en cuenta que cada país utiliza una talla diferente.
  • Utiliza filtros de búsqueda – Una herramienta de búsqueda rápida e intuitiva es esencial para explotar todo el potencial de tus variaciones. Ofrece la posibilidad de filtrar los productos directamente en el catálogo, por ejemplo, mostrando todos los rojos o los XL.
  • Explota la escasez – Insertar elementos visuales que muestren la cantidad de productos disponibles de una variación determinada puede ayudar a aumentar la conversión. Las palabras «Últimas existencias» en la opción de un producto podrían incitar a los clientes a completar su compra más rápidamente.
  • Galería de fotos interactiva – En las mejores tiendas, cuando el cliente elige una opción de color, ésta se refleja en las imágenes del producto.

Último consejo: estudia cómo utilizan esta función las principales empresas de comercio electrónico y aprende de ellas.

Por qué elegir un plugin de WooCommerce para colores y tallas

WooCommerce ofrece numerosas funciones desde su primera instalación, pero si quieres elementos avanzados, necesitas utilizar un plugin dedicado.

Los productos variables y las opciones sobre ellos es uno de los casos más evidentes: vistas las sugerencias anteriores, está claro que la funcionalidad básica puede ser una limitación para tu tienda.

Por eso te sugerimos un plugin específicamente desarrollado para potenciar esta función. El plugin elegido es Colour, Image and Label Variations Swatches for WooCommerce, que se ofrece en versión gratuita y premium.

YITH Color, Image and Label Variations Swatches para WooCommerce

El funcionamiento del plugin es muy simple: permite sustituir la vista tradicional de las distintas variaciones de WooCommerce insertando imágenes, colores y mejorando toda la experiencia de navegación.

La limitación tradicional de WooCommerce es cambiar la imagen del producto eligiendo el color que preferimos, pero de esta manera todas las variaciones de color (por poner un ejemplo de las diversas opciones disponibles) son inmediatamente visibles para el cliente.

Una vez instalado y activado el plugin, dispondrás de un dashboard donde podrás decidir el comportamiento del plugin:

Opciones generales del plugin

Uno de los puntos fuertes de este plugin es la capacidad de mostrar las distintas opciones directamente en la página de la tienda, lo que hace que la navegación sea mucho más rápida e intuitiva:

Página de la tienda

Una vez en la página del producto, así es como aparecerán las opciones para tus clientes:

Despliegue de opciones con el plugin

Creo que podemos estar de acuerdo en que esta solución es inmediatamente más atractiva que ésta:

Ejemplo de la página del producto

Consejos y buenas prácticas

Ya hemos visto algunos consejos para sacar el máximo partido, pero nos gustaría hacer hincapié en el impacto que las variaciones pueden tener en tu tienda.

Empecemos diciendo que los estudios sugieren que el 63% de las compras comienzan con una búsqueda online. No nos olvidemos de cómo funciona la mente de un cliente al momento de buscar por un producto. No se inclinará por buscar simplemente «camiseta», sino «camiseta negra» o «camiseta XXL» porque ya tiene una idea de la variedad del producto que quiere comprar.

La búsqueda es cada vez más específica. Se pueden añadir materiales, marcas, temas y mucho más. Cuantas más opciones ofrezca un producto tuyo, más podrá responder a las búsquedas de diferentes personas (en este sentido, recomendamos hablar de variaciones en el cuerpo del texto del producto, como en la descripción, para aprovechar las ventajas del SEO).

Las reseñas, una de las herramientas más potentes de todos los tiempos, también condicionan la compra y se ven condicionadas por las variaciones: si, en el ejemplo anterior, la camiseta roja tuviera 100 reseñas y la negra sólo 1, el cliente podría verse empujado hacia la primera opción aunque prefiriera la segunda.

Teniendo esto en cuenta, es posible establecer estrategias de promoción para las opciones menos compradas.

La gestión del inventario también se ve facilitada por los productos variables: en lugar de ocultar los productos agotados (dando así la impresión de que no están en la tienda) o dejarlos pero sin posibilidad de compra (entorpeciendo y retrasando la navegación del cliente), poder ver opciones alternativas al color que falta consigue recuperar una venta que de otro modo se perdería.

Conclusión

Crear una tienda online es relativamente fácil, lo más difícil es optimizarla para aprovechar al máximo su potencial. Especialmente, el aspecto visual relacionado con los colores y las imágenes pueden aumentar significativamente las conversiones de tu tienda.

Por este motivo, si vendes productos variables, debes utilizar una herramienta ideal que te permita sacar el máximo partido a tu tienda. Ten en cuenta que la mayoría de tus clientes potenciales permanecen poco tiempo en la tienda si no tienen estímulo suficiente que los atraiga hacia el proceso de compra: ¡cada segundo cuenta!

Así que prueba el plugin YITH Colour and Label Variations Swatches for WooCommerce y dale vida a tus páginas de producto.

Lecturas recomendadas

¡Suscríbete a nuestro boletín para recibir todas las noticias directamente en tu correo electrónico!