(593)9-927-53395 info@acitus.com

Introducción

Si estás vendiendo ropa, necesitarás especificar diferentes atributos de tus productos. Por ejemplo, si vendes camisetas, cada una tendrá un color o un tamaño específico.

En WooCommerce, tales productos son llamados “productos variables” puesto que dichos productos tienen más de una variación.

La pregunta es: ¿Cómo hacemos para añadir colores y tamaños a un producto en WooCommerce?

¿Qué son variaciones de productos?

Primero debemos entender lo que son las variaciones de productos en WooCommerce, lo que te explico a continuación:

Cuando un producto tiene varios atributos, como por ejemplo en el caso de zapatos, que pueden venir en color negro, café, rojo, etc. No es necesario que creemos diferentes productos por cada color. En lugar de eso, creamos un producto con variaciones

Entonces supongamos que un par de zapatos vienen en color negro, café y rojo. Entonces creas un producto y añades una variación por cada color, es decir tres variaciones: Negro, Café y Rojo.

Cuando un cliente ordena un par de zapatos en tu tienda virtual, debe escoger una variación (color) antes de añadir al carrito de compras

¿Como añadir colores a un producto en woocommerce?

Ahora que entiendes lo que es una variación de producto, vamos a crear el producto zapatos con los tres colores. Para ello debemos crear el atributo “Color” y asignar los diferentes colores que van a tener los zapatos (en nuestro ejemplo serian los colores Negro, Café y Rojo)

¿Como añadir el atributo color?

1. Selecciona la opción Productos > Atributos en tu escritorio:

2. En la pantalla “Añadir nuevo atributo”, ingresa el nombre del atributo, en este caso “Color”. Deja el resto de los campos como están.

3. Clic en el botón “Añadir atributo” para guardar los cambios. Ahora has creado el atributo “Color”

4. Ahora procedemos a añadir las variaciones relativas a este atributo. Despues de dar clic en el botón Añadir atributo, el atributo es creado y verás desplegado en la parte derecha:

5. Clic en el link “Configurar términos” para añadir colores

6. En el campo Nombre, ingresa el color negro. Da clic en Añadir nuevo Color para guardar los cambios. Repite el proceso para ingresar los otros colores: Café y Rojo. El resultado final serán las tres variaciones listadas al lado derecho:

Ahora estamos listos para añadir estos colores al producto Zapatos.

¿Cómo Añadir Variaciones Color Al Producto Zapatos?

1. Selecciona Productos > Añadir Nuevo.

Si ya tienes ingresados los productos, selecciona Productos > Todos los productos, y de la lista escoge el producto que deseas editar:

2. En la nueva pantalla, busca la sección Datos del producto y selecciona el tipo de producto “Producto Variable”:

3. Ahora selecciona la opción “Atributos” y en la lista que aparece, selecciona “Color”. Luego da clic en el botón “Añadir”

4. Se van a desplegar otros campos. Da clic en el cuadro “Elige términos” y selecciona todas las variaciones (colores) que deseas para el producto que estás editando. No necesitas añadir todos los colores. Sin embargo, para este ejercicio escogemos todos, para lo cual vamos eligiendo cada color por separado

5. Ahora debes asegurarte de marcar la opción “Usado para variaciones”.  El resultado final debe quedar de la siguiente manera:

6. Finalmente da clic en el botón “Guardar atributos” para completar las tareas que necesitamos realizar en esta parte.

7. Ahora seleccionamos la opción “Variaciones” y en la lista que aparece, escoge “Crear variaciones para todos los atributos”:

8. Da clic en el botón “Ir”. Si se despliega un mensaje, aceptas dando clic en “OK”

9. En el mensaje de notificación, da clic en el botón “OK”

10. Hemos terminado de crear todas las variaciones del atributo “Color”:

11. Dependiendo del producto, necesitaremos ingresar propiedades específicas para cada variación, por ejemplo precio o stock. Aunque el color no influye en el precio, necesitamos ingresar el precio en cada variación. Las variaciones que no tengan precio no se mostraran en tu tienda. Da clic en cada variación:

Como puedes ver, existen varios campos para ingresar propiedades específicas para cada variación de Color. Si estuviéramos ingresando la variación “Tamaño”, podríamos ingresar su propio precio o las dimensiones.

12. Finalmente, da clic en el botón “Guardar los cambios”

¿Cómo ven los clientes nuestro producto?

Veamos como queda nuestro producto con los colores desde el punto de vista del cliente:

Como puedes ver, ahora el cliente puede ver el producto con algunos datos adicionales:

1. Puesto que el precio es el mismo para todos los colores, solamente se indica un precio: $68.00. Si se tuviera la variación “Tamaño”, donde cada tamaño tiene un precio distinto, el precio variaría de acuerdo al tamaño escogido.

2. Ahora tenemos una lista de los colores disponibles de los zapatos donde el cliente puede escoger su color preferido

3. El botón “Añadir al carrito” esta inactivo mientras el cliente no escoja el color de los zapatos que va a comprar.

Conclusión

Hemos terminado. ¡Felicitaciones!

Como puedes ver, la opción que te da WooCommerce para añadir color a tus productos es poderosa. Puedes añadir otras variaciones como Tamaño, Peso, etc. Solamente debes seguir el mismo procedimiento indicado en este articulo.

Si tienes alguna duda, no dudes en contactarnos y con gusto te ayudaremos 😉