Crear producto variable en Woocommerce

Publicado en: Tienda online, Wordpress | 4

productos variables en Woocommerce. Cowalenciawebs

Un producto variable en Woocommerce el que tiene diferentes atributos de producto (características variables) y que el cliente podrá elegir para definir lo que quiere comprar.
Por ejemplo, un producto de la tienda Composur. Si consideramos como producto una camiseta, los atributos de productos podrían ser la talla, el color, el tipo de manga, etc.
Y cada atributo tendrá los diferentes términos que se podrá elegir.
En este caso para la el atributo Talla los términos serían S, M, L, XL

Ejemplo de productos variables en Woocommerce. Cowalenciawebs

Pasos a seguir para crear un producto variable en Woocommerce

  • 1- Crear los atributos.
  • 2- Configurar los términos de cada atributo.
  • 3- Añadir nuevo producto variable.
    • a. Información general del producto.
    • b. Añadirle atributos al producto.
    • c. Crear las variaciones.

1- Crear los atributos de producto desde el panel Productos de Woocommerce
Lo primero que deberemos hacer antes de crear un producto variable será dar de alta todos los atributos que vayamos a utilizar para generar las variaciones.
Para ello vamos a Productos > Atributos.

Atributos de productos variables en Woocommerce. Cowalenciawebs

Para dar de alta el atributo:
Nombre: Es importante elegir bien el nombre, primero porque es lo que el cliente va a ver a la hora de elegir esta característica del producto. Y segundo porque una vez utilizado en un producto no se puede renombrar.

Slug: es la referencia que aparecerá en la url del atributo.

Tipo: Se puede elegir entre “Seleccionar” o “Texto”. “Seleccionar” nos permite a la hora de dar de alta el producto poder elegir de un desplegable los términos. Mientras que si elegimos “Texto” los atributos los tendremos que crear cuando demos de alta el producto.

Orden predeterminado: Es la forma en que se ordenarán los términos dentro de cada atributo. Al elegir “Orden personalizado” los puedes ordenar.

2- Configurar los términos de cada atributo
Para el ejemplo de la camiseta vamos a crear el atributo Talla como tipo “Seleccionar” y el atributo Color como tipo “Texto”.
Por lo que ahora sí debemos crear los términos de Talla mientras que los de Color los crearemos en cada producto.

Atributos de productos variables en Woocommerce. Cowalenciawebs

Clicando en la rueda dentada de la derecha del atributo accedemos a la ventana donde crearemos los distintos términos.

Crear Atributos de productos variables en Woocommerce. Cowalenciawebs

En la imagen anterior vemos ya los términos creados. Para crearlos solo hay que ponerles como mínimo un nombre y clicar en el botón “Añadir nuevo Talla”.
En este caso hemos creado dentro del término M dos subtérminos. El M-L y el M-S. La forma de hacerlo es elegir M en el selector llamado “Superior”.
Otra cuestión importante es el orden en el que queremos que aparezcan al poder ser elegidos. Para ordenarlos solo hay que arrastrar el término y colocarlo en la posición que deseemos.

3- Añadir un producto variable a nuestro Woocommerce

Desde el menú Productos > Añadir nuevo producto > datos del producto, debemos elegir producto variable

Datos  de productos variables en Woocommerce. Cowalenciawebs

Para generar las variaciones debemos seguir el siguiente orden:
1- Asignarle los atributos al producto.
2- Crear las variaciones con los atributos.

Asignar los atributos al producto

Atributos de Datos  de productos variables en Woocommerce. Cowalenciawebs

Empezamos añadiendo la Talla. La seleccionamos y le damos a añadir.

Términos de Atributos de Datos de productos variables en Woocommerce. Cowalenciawebs

Una vez añadida debemos elegir los Términos que usaremos en este producto. No tenemos por qué añadirlos todos. Solo los que apliquen a este producto. Antes de darle a Guardar debemos marcar la opción de “Usado para variaciones”.

Ahora añadimos el atributo Color. Recordamos que lo habíamos dado de alta como tipo “Texto”. Es decir, los atributos los creamos en este momento. No tenemos una lista para seleccionarlos.

Términos de Atributos de Datos de productos variables en Woocommerce. Cowalenciawebs

Vemos que es diferente a cuando hemos dado de alta el atributo Talla.

Para crear los términos debemos escribir en el campo “Valor(es)” los diferentes colores separados por |, por ejemplo: Rojo|Verde|Azul.

Términos de Atributos de Datos de productos variables en Woocommerce. Cowalenciawebs

Volvemos a marcar “usado para variaciones” y clicamos en “Guardar atributos”.

Crear las variaciones en Woocommerce

Las variaciones son las combinaciones de los diferentes términos de cada atributo.
Es decir, en este caso tenemos el cliente podría elegir Talla S con color Rojo, o Talla S con color Verde, o Talla S con color Azul, o Talla L con color Rojo … y así hasta completar todas las combinaciones posible de talla y color.
Es importante tener en cuenta que no hace falta hacer todas las variaciones como veremos más adelante.
Solo hay que hacer las variaciones que tengan precio distinto. Además aquellas variaciones que no le asignemos precio no saldrán en la página de producto.

Al crear ir a crear las variaciones tenemos dos opciones:
– Crear variaciones para todos los atributos
– Añadir variación

Añadir variación de Datos de productos variables en Woocommerce. Cowalenciawebs

Crear variaciones para todos los atributos
Genera una variación para cada combinación posible de los atributos. Recordar que esta opción solo se usa si queréis poner un precio a cada combinación, en este caso, de talla y color.

Lo más habitual es usar la opción de “Añadir variación”.

Siguiendo con el ejemplo, si todas las tallas y colores tienen el mismo precio lo que vamos a hacer es crear una variación genérica. Simplemente elegimos “Añadir variación” y clicamos en “ir”.

Añadir variación de Datos de productos variables en Woocommerce. Cowalenciawebs

Hay que acordarse de clicar en “Guardar los cambios”.
Ahora bien, si por ejemplo la Talla XL de cualquier color tiene un precio especial. Crearíamos otra variación clicando de nuevo en “ir” y lo marcaríamos de la siguiente forma:

Añadir variación de Datos de productos variables en Woocommerce. Cowalenciawebs

Una vez creada la variación debemos introducir la información y el precio de cada una. La información que se puede introducir es la siguiente:
– Tipo de producto
– Precio normal
– Precio rebajado
– Estado del inventario
– Peso
– Dimensiones
– Clase de envío
– Descripción de la variación

Caracteríasticas de Datos de productos variables en Woocommerce. Cowalenciawebs

¿Te ha gustado este artículo?
0 Votos, Promedio: 0 de 5

Estés donde estés, si necesitas un sitio web, tienda online, campañas de e-mailing o gestión de tus redes sociales, no dudes en contactar con nosotros (Equipo de diseño web ubicados en Valencia) a través de nuestro formulario y te informaremos al respecto.

4 Comentarios

  1. Alicia Riego
    | Responder

    Me ha resultado muy útil el post pero sigo con una duda, al tener de variación de un producto color y talla y quiero gestionar el stock de cada talla y color solo me deja modificar el stock general, a ver si me explico, negro S/M solo me deja poner un total de stock no 2S y 1M, ¿ me puedes ayudar?, muchas gracias.

    • Juanjo López
      Juanjo López
      | Responder

      Muy buenas,
      Después de crear las variaciones debes poner el stock en cada una de ellas. Pero para hacerlo hay que activar la casilla «¿Gestión de inventario?». Está justo debajo de donde puedes añadir una foto para la variación.
      Espero haberte ayudado.
      Un saludo

  2. Melissa
    | Responder

    Muy buen post! gracias.

    • Juanjo López
      Juanjo López
      | Responder

      Muchas gracias!!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información sobre protección de datos

Responsable: Cowalencia S.C.
Fin del tratamiento: Controlar el spam, gestión de comentarios.
Legitimación: Tu consentimiento.
Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal.
Derechos: Acceso, rectificación, portabilidad, olvido.
Contacto: info@covalenciawebs.com
Información adicional: Más información en nuestra política de privacidad.