Productos variables y atributos

Módulo 3: Productos · Tiempo de lectura: 10 minutos

Objetivo de aprendizaje: Al terminar esta lección, usted podrá crear un producto variable con atributos y variaciones, decidir cuándo las variaciones son mejor opción que los productos sueltos y evitar los problemas que surgen con muchas variaciones.

Conceptos clave: atributo, atributo global (Productos > Propiedades), atributo local, términos, "Usado para variaciones" (Used for variations), variación, valores por defecto (Default Form Values), generar variaciones, edición masiva, precio e inventario por variación, número de combinaciones, max_input_vars

Un producto, varias opciones

Theehuis Example vende sencha a granel en bolsas de 50, 100 y 250 gramos. Para el cliente es un solo té con una opción de cantidad. Para la tienda son tres artículos con su propio precio, su propio inventario y quizá su propio peso. Para eso sirve precisamente un producto variable: una sola página de producto, una sola descripción, un solo lugar en los resultados de búsqueda y, por detrás, una variación para cada opción.

La alternativa, tres productos simples sueltos, tiene inconvenientes: tres páginas con un texto casi idéntico (contenido duplicado, lección 7.1), tres veces las mismas fotos que gestionar y un cliente que tiene que buscar qué bolsa quiere. Aun así, un producto variable no siempre es la mejor opción. Una regla práctica:

• Variable cuando el cliente lo percibe como el mismo producto y solo elige una característica: talla, color, peso, grado de molienda.
• Productos sueltos cuando son realmente distintos o se buscan de forma distinta: té verde y té negro, o una tetera de hierro fundido y otra de vidrio. Cada uno merece su propia página con su propio texto.

Atributos: las piezas básicas

Una variación es una combinación de atributos. Un atributo es una característica ("Peso") con términos o valores ("50 g", "100 g", "250 g"). WooCommerce distingue dos tipos:

Los atributos globales se crean una sola vez en Productos > Propiedades (Products > Attributes). Valen para toda la tienda: "Peso" con los mismos términos para todos los tés. Ventajas: escribe los términos una sola vez, la ortografía es la misma en todas partes y los clientes pueden filtrar por el atributo en la tienda ("mostrar todos los tés de 250 g"). Cada atributo global es una taxonomía con sus propias páginas de archivo, si usted lo activa.

Los atributos locales (custom product attributes) se añaden a un único producto. Resultan prácticos para algo que solo aparece en un producto, como las opciones de grabado de una tetera concreta. Inconveniente: no hay filtro y, con diez productos con "Color", tendrá diez listas propias con erratas.

Por eso, para las características que se repiten (talla, color, peso, material), elija un atributo global.

Un atributo solo sirve para variaciones si en el producto marca la casilla Usado para variaciones (Used for variations). Sin esa casilla, aparece solo como información en la pestaña "Información adicional" de la página del producto. Eso también es útil: "Origen: Japón" es un atributo sin variaciones.

Crear y completar variaciones

Con los atributos listos, vaya a la pestaña Variaciones. Allí hay dos botones: Generar variaciones (Generate variations), que crea una variación por cada combinación, y Añadir manualmente (Add manually), para añadir una variación cada vez.

Cada variación tiene sus propios campos: SKU, precio, precio rebajado, inventario, peso, dimensiones, una imagen y las casillas de activada, descargable y virtual. Una variación sin precio no se puede comprar y no aparece como opción. Es el error más frecuente: generar variaciones, olvidar el precio y que el cliente vea "Esta variación no está disponible".

Con la edición masiva situada encima de la lista, puede fijar de una vez el precio, el inventario o el peso de todas las variaciones, o subir los precios con un importe o un porcentaje. Después ajuste las excepciones en cada variación.

Con los valores por defecto (Default Form Values) elige qué variación aparece preseleccionada al abrir la página. Elija la variación que más se vende o déjelo vacío para que el cliente elija de forma consciente. Si no hay nada preseleccionado, la página muestra un rango de precios ("€ 6,50 a € 24,00").

El número de combinaciones: aquí es donde falla

Las variaciones se multiplican. Una tetera en 4 colores, 3 tamaños y con o sin grabado da 4 × 3 × 2 = 24 variaciones. Añada un cuarto atributo con 5 opciones y llegará a 120. Eso tiene consecuencias:

• Gestión. Cada variación tiene su propio precio, inventario y SKU. Mantener 120 líneas al día supone mucho trabajo y es propenso a errores.
• La página del producto. Hasta cierto número de variaciones (30 por defecto), WooCommerce envía todas las combinaciones con la página, de modo que las listas desplegables saben al instante qué combinaciones existen. Con más variaciones, la página consulta al servidor en cada elección si la combinación existe (mediante AJAX). Funciona, pero el cliente puede elegir primero una combinación inexistente y recibir el aviso solo después.
• Guardar. Al guardar muchas variaciones, su navegador envía muchísimos campos a la vez al servidor. PHP tiene un límite para ello, max_input_vars. Si se supera, los últimos campos se descartan sin aviso: usted guarda y parte de sus cambios desaparece. Por eso la administración muestra 15 variaciones por página, pero con muchísimos atributos y campos se puede alcanzar igualmente el límite. Su proveedor de alojamiento puede aumentar max_input_vars; en la mayoría de los paneles puede hacerlo usted mismo en los ajustes de PHP (lección 7.2).

Qué puede hacer:

• Crear solo las combinaciones que existen de verdad. No usar "Generar variaciones" con cuatro atributos, sino añadir manualmente las combinaciones que vende.
• Ofrecer una característica que no cambia el precio ni el inventario no como variación, sino como opción de producto o nota (por ejemplo, un texto de grabado mediante un campo; para ello existen extensiones).
• Vender como productos sueltos los productos que son realmente distintos.

Errores habituales

• Cambiar el nombre de un atributo más adelante. Se puede cambiar el nombre de un término de un atributo global, pero las variaciones existentes hacen referencia al slug. Pruébelo primero en su tienda de prueba.
• Mezclar el inventario a nivel de producto y a nivel de variación. Elija para cada producto: inventario por variación (lo habitual) o un único inventario para todo el producto.
• Fotos de variación. Sin imagen propia, la variación muestra la foto principal. Con colores, sí conviene tener una foto por color.
• Variaciones sin SKU. Para importar y para conectar con una caja registradora o un mayorista necesita un SKU por variación (lección 3.4).

En la práctica: así se ve en WooCommerce

1. Productos > Propiedades: cree el atributo "Peso" con los términos 50 g, 100 g y 250 g.
2. Productos > Añadir nuevo: título "Sencha Uji", datos del producto Producto variable.
3. Pestaña Propiedades: añada "Peso", elija los tres términos, marque Usado para variaciones y guarde las propiedades.
4. Pestaña Variaciones: Generar variaciones (tres variaciones); después, con la edición masiva, active la gestión de inventario y fije en cada variación el precio (€ 6,50, € 11,50, € 24,00), el peso y un SKU como SEN-UJI-050.
5. En los valores por defecto elija 100 g, guarde y vea la página del producto en una ventana privada.

Otros temas muestran la elección como lista desplegable, botones o muestras de color; el principio es el mismo.

Resumen

• Un producto variable es una sola página de producto con una variación por opción, cada una con su propio precio, inventario y SKU.
• Use atributos globales para las características que se repiten; marque "Usado para variaciones".
• Una variación sin precio no se puede comprar.
• El número de combinaciones crece rápido: cree solo combinaciones reales y tenga en cuenta max_input_vars al guardar.
• Los productos realmente distintos se venden como productos sueltos.

Cuestionario

Ejercicio

Ejercicio A3.2: Su producto variable. Introduzca la dirección de su tienda, el slug o el enlace de un producto variable, el número de variaciones que están a la venta en la tienda y los atributos que usa para las variaciones (separados por comas, por ejemplo "Peso, Molienda"). El programa busca el producto mediante la Store API pública (/wp-json/wc/store/v1/products?slug=...), sin cookies y sin añadir nada al carrito. Verde si el producto es de tipo variable, el número de variaciones coincide con lo que ha introducido y cada atributo figura como atributo usado para variaciones. Naranja si el número no coincide (la tienda no cuenta las variaciones sin precio o desactivadas), si un atributo existe pero no se usa para variaciones, o a título informativo si tiene más de 30 variaciones. Rojo si no se encuentra el producto, si no es variable o si no tiene ninguno de sus atributos.

Pregunta para usted (no se corrige): ¿cuántas combinaciones crearía "Generar variaciones" con todos sus atributos y cuántas de ellas vende realmente?

Para saber más

• Variable product (woocommerce.com, en inglés): https://woocommerce.com/document/variable-product/
• Managing products (woocommerce.com, en inglés): https://woocommerce.com/document/managing-products/
• Cambiar la versión de PHP y los ajustes de PHP (y qué hacer en caso de errores tras una actualización)

Los pasos de la base de conocimiento se refieren a los paneles de WebOké; con otros proveedores funciona de forma similar.