Cómo agregar variaciones de productos en WooCommerce: ¡4 métodos!

¿Está buscando la guía perfecta para crear productos variables únicos en su tienda ? Has venido al lugar correcto. En esta guía, veremos cómo agregar variaciones de productos en WooCommerce y mejorar la experiencia del producto de variación.

¿Qué son las variaciones de producto en WooCommerce y cómo funcionan?

Comencemos con Variaciones de productos . A diferencia de los productos simples, WooCommerce te permite crear productos con variaciones. Por ejemplo, es posible que haya visto tiendas con camisetas de diferentes tamaños y colores o artículos con diferentes diseños y calcomanías. Cada una de esas combinaciones es una variación diferente. Entonces, los productos variables son productos que tienen variaciones basadas en atributos.

Puede agregar precios, imágenes, dimensiones, descripciones, SKU de productos, inventario y mucho más a cada variación de producto. Esencialmente, esto le permite ofrecer más opciones del mismo producto con diferentes precios y detalles del producto abriendo una forma más flexible pero conveniente de agregar productos.

Atributos del producto

Una parte importante de las variaciones son los atributos del producto . De forma predeterminada, WooCommerce te permite agregar atributos a cualquier producto. Esto proporciona una forma de definir productos específicos con características específicas para su tienda en línea. Los atributos pueden ser cosas como el color, el tamaño, la forma, el peso, el patrón, el material, etc., y todo depende del tipo de productos que esté vendiendo.

Cada combinación de atributos define una variación diferente de un producto. Esto significa que las variaciones del producto dependen de estos atributos. Sin atributos, no puede crear variaciones de productos en WooCommerce. Si desea obtener más información sobre cómo crear atributos de productos con variaciones, consulte esta guía.

No te preocupes si esto no te queda 100% claro. En esta guía, le mostraremos diferentes formas de agregar un producto variable y definir sus atributos y variaciones.

Cómo agregar variaciones de productos en WooCommerce

Hay diferentes formas de agregar variaciones de productos en WooCommerce:

1. Desde el panel de control de WooCommerce
   1. Opciones predeterminadas
   2. Uso de atributos globales
2. Con un complemento dedicado
3. Programáticamente

Echemos un vistazo a cada método, para que pueda elegir el más apropiado para usted.

1.1) Cómo agregar variaciones de productos usando las opciones predeterminadas de WooCommerce

Comencemos con el proceso simple de agregar un producto variable desde el panel de control de WooCommerce.

En su tablero, vaya a Productos > Agregar nuevo. Luego, asigne un nombre a su producto, configúrelo como Producto variable en Datos del producto y agregue una descripción del producto (opcional).

Adición de variaciones y atributos a un solo producto

Como mencionamos antes, para crear un producto variable , debe definir atributos para ese producto. Los atributos más comunes son tamaño, color, calidad, etc. Para agregar un atributo, simplemente diríjase a la pestaña Atributos en Datos del producto y haga clic en Agregar .

Luego, asigne un nombre al atributo y agregue sus valores, es decir, las variaciones, separando cada valor usando '|'. Haga clic en la opción ' Usar para variaciones ' para habilitar el atributo del producto y crear variaciones y presione Guardar atributos .

Luego, en la pestaña Variaciones , puedes crear una variación del producto usando el atributo y cada uno de sus valores. Puede agregar cada variación individualmente, pero le recomendamos que haga clic en la barra desplegable con la etiqueta ' Agregar variación ', seleccione Crear variaciones de todos los atributos y haga clic en Ir . Esto creará automáticamente una variación para cada uno de los valores que acaba de agregar al atributo.

Después de eso, haga clic en cada variación de producto en la pestaña Variaciones para ver sus ID de producto y cambiar detalles como nombres, precios, imágenes, dimensiones y más.

También puede agregar múltiples variaciones para sus productos. Para hacerlo, simplemente cree nuevos atributos, agréguelos usando la pestaña Variaciones y personalícelos en consecuencia.

Una vez que haya terminado con todos los productos de variación, guarde/publique su producto recién creado y debería estar completamente configurado. Para obtener más información sobre cómo configurar sus productos y agregar variaciones, consulte esta guía dedicada.

1.2) Cómo Agregar Variaciones de Producto usando Atributos Globales

Ahora, en lugar de agregar atributos individuales a todos sus productos, también puede establecer un atributo global y usarlo para todas las variaciones de su producto. Esto es especialmente útil si tiene varios productos con el mismo atributo. Por ejemplo, color, tamaño, etc.

Crear un atributo global

Para crear un atributo global, vaya a Productos > Atributos . Agregue un nombre y un slug y haga clic en Agregar atributo . Para nuestra demostración, agregaremos el atributo Color .

Ahora agreguemos las variaciones/términos para este atributo. Para esto, vaya a Atributos y presione Configurar Términos debajo del atributo que acaba de crear.

Luego, deberá agregar el nombre, el slug y la descripción para su término de atributo . Por ejemplo, agregaremos el color rojo, entonces presionamos el botón Agregar nuevo color/tamaño/término y esto agregará las variaciones establecidas de su atributo.

Continúe y agregue tantos términos como desee para tener más variaciones con las que jugar.

Agregar el atributo global a un producto variable

Luego, el proceso de agregar este atributo a cualquiera de sus productos de variación es bastante similar a lo que vimos antes.

Simplemente vaya a la pestaña Atributos debajo de la pestaña Producto y haga clic en la opción desplegable de selección de Atributos . Seleccione su atributo global recién creado y haga clic en el campo de valores para agregar todos los valores que ha creado para el atributo. Luego, presione Agregar , habilite la opción Usado para variación y presione Guardar atributos.

El resto del proceso también es el mismo que el anterior. Simplemente vaya a Variaciones y haga clic en el menú desplegable Agregar variación . Elija la opción Crear variaciones de todos los atributos y luego presione Ir . El resto del proceso solo requiere que agregue precios y detalles adicionales a cada variación.

También puede agregar múltiples variaciones y WooCommerce creará una combinación de cada variación con la opción Crear variación de todos los atributos , pero recuerde agregar detalles del producto para cada variación.

Las opciones que ofrece WooCommerce son convenientes y hacen el trabajo. Sin embargo, el proceso puede ser tedioso si tiene una gran cantidad de productos que desea agregar. También hay personalización limitada con las opciones predeterminadas. En particular, no hay opciones para personalizar las muestras para sus variaciones y el cuadro desplegable no es exactamente atractivo para sus clientes.

Si desea más opciones para crear variaciones de productos en WooCommerce, puede usar complementos dedicados.

2) Complementos para personalizar las variaciones de WooCommerce y agregar productos variables de forma masiva

Otra alternativa para mejorar las variaciones de tu producto en WooCommerce y personalizarlas es usar complementos dedicados. Echemos un vistazo a algunas de las mejores herramientas que puede utilizar.

1) Muestras de variación para WooCommerce

Muestras de variación le ofrece una opción gratuita para personalizar sus muestras de productos de variación y personalizarlas usando botones de radio y de colores, o miniimágenes. Esto funciona muy bien como reemplazo del cuadro desplegable predeterminado que ofrece WooCommerce cuando agrega múltiples variaciones a sus productos.

Si sus productos tienen múltiples opciones de variación, también puede mostrar sus variaciones de diferentes maneras. Puede agregar muestras de texto simples para el tamaño, muestras de colores para variaciones de color e imágenes para diferentes texturas. Incluso puede agregar formas para las muestras y elegir qué estilos desea mostrar.

Configurar el complemento es una tarea fácil y convierte automáticamente todas sus muestras de variación desplegables una vez que lo activa. Configurar opciones de muestra únicas para cada atributo también es fácil y puede personalizar toneladas de opciones específicas y globales.

Características clave

• Fácil de usar
• Admite productos variables con múltiples variaciones y atributos
• Convierte automáticamente todos sus menús desplegables de variaciones y convierte fácilmente las opciones desplegables de variaciones de atributos creadas globalmente en muestras también

Precio

Variation Swatches for WooCommerce es un complemento gratuito. Tiene una versión gratuita con funciones básicas y algunos planes premium que comienzan en 49 USD por año.

2) Productos de edición masiva de Elex para WooCommerce

Elex Bulk Edit Products le permite editar productos en masa, sus precios y mucho más. Puede editar más de 10,000 productos al mismo tiempo usando las opciones de edición masiva. Además, también puede usar opciones de filtro dedicadas para editar en masa productos específicos.

La característica más destacada de Elex es lo bien que funciona con productos variables. Le permite actualizar los precios regulares o de venta para todos sus productos variables y variaciones de forma masiva con categorías de productos específicas. Del mismo modo, administrar los precios regulares y de venta del complemento es extremadamente conveniente con las opciones para cambiar los precios en función del% o valor fijo. Además, también puede seleccionar múltiples variaciones con los mismos precios y actualizar sus detalles según sea necesario.

Características clave

• Edite de forma masiva múltiples productos para administrar sus datos de productos, detalles, detalles de envío, dimensiones y más
• Es totalmente compatible con los productos de variación y la edición masiva de productos de variación y sus precios.
• Opción para editar masivamente atributos de variables globales de productos

Precios

Elex Bulk Edit Products For WooCommerce es una herramienta gratuita. Puede obtener la versión gratuita del repositorio de WordPress u obtener los planes premium que le costarán 79 USD por año.

3) Variación masiva de WooCommerce de Barn 2

Barn 2 WooCommerce Bulk Variation es un complemento excelente que le permite mostrar las variaciones de su producto en matrices únicas. Esto le brinda una manera rápida y fácil de mostrar una gran cantidad de variaciones de productos en una cuadrícula fácil de ver. Esta herramienta es perfecta para aquellos que tienen productos variables con toneladas de atributos y variaciones. Le permite mostrar todas las variaciones, detalles de atributos y diferencias junto con precios y características comparables en una tabla interactiva.

Esta cuadrícula es la herramienta perfecta para negocios B2B o cualquier negocio que venda grandes cantidades. También puede agregar la opción para permitir que los clientes ingresen cantidades y agreguen múltiples variaciones en la cuadrícula para comparar mejor los precios. Del mismo modo, se le proporcionan dos diseños de cuadrícula únicos altamente configurables para mostrar sus productos de variación y puede mostrar estas variaciones masivas en cualquier lugar de sus sitios web.

Características clave

• Brinda la opción de mostrar productos de variación masiva en un diseño de cuadrícula único
• Puede mostrar todos los atributos de su producto de variación, cantidad, información de existencias y precios en un diseño de tabla
• Habilita opciones para que los clientes definan la cantidad y qué variaciones elegir

Precios

Complemento premium Barn 2 WooCommerce Bulk Variation que comienza en 79 USD por año.

4) Tabla de variaciones de productos para WooCommerce:

Product Variations Table for WooCommerce es un conveniente complemento premium que le permite mostrar datos de variación de productos en una tabla de datos conveniente. Esta tabla fácil de usar les permite a sus clientes ver diferentes variaciones, agregar cantidades individualmente y agregarlas al carrito. Configure fácilmente una tabla de variación con opciones de filtro AJAX dedicadas y más. Los clientes también pueden buscar fácilmente diferentes variaciones con diferentes atributos y etiquetas y clasificar según diferentes valores, como precios, atributos, nombres y más.

El complemento incluso le permite agregar múltiples variaciones a su tabla para que los clientes puedan ver todas las variaciones y combinaciones posibles de las variaciones de los productos. El complemento también viene con opciones fáciles para definir el diseño de la mesa de forma individual o global. También puede exportar las variaciones del producto para una fácil visualización sin conexión si es necesario.

Características clave

• Mesa frontal fácil de usar y lista para dispositivos móviles para mostrar todas las variaciones de su producto.
• Filtros AJAX y opciones de clasificación para la tabla de variaciones.
• Opciones adicionales para diseños de tablas, paginación y opciones de exportación para variaciones.

Precios

La tabla de variaciones de productos para WooCommerce comienza en $ 49 / año

5) Variaciones de color y etiqueta de YITH WooCommerce:

YITH WooCommerce Color and Label Variations es el complemento perfecto para agregar más sabor a las variaciones de su producto. Agregue variaciones ilimitadas a sus productos Variable y personalícelos individualmente para su tienda. Configure imágenes únicas, muestras, logotipos e incluso imágenes para los botones de variación de su producto. Los botones de variaciones predeterminados de WooCommerce parecen casi sosos y definitivamente podría usar la ayuda de este complemento si desea que su tienda WooCommerce se destaque mejor.

El complemento le permite agregar fácilmente selectores de color únicos y galerías de imágenes para sus variaciones; E incluso puede agregar información sobre herramientas personalizada para cada atributo/variación para que sus clientes sepan qué les ofrece cada variación. Con el precio premium del complemento, también obtiene funciones premium. Esto incluye imágenes dinámicas que cambian al pasar el mouse, etiquetas personalizadas para variaciones, opciones para agregar variaciones a la pestaña de información adicional y mucho más.

Características clave

• Complemento fácil de usar para personalizar imágenes de variación de productos, colores, etiquetas y más.
• Opción dedicada para agregar información sobre herramientas personalizable a cada variación y atributo.
• Opciones para agregar galerías de imágenes únicas, atributos de descripción, imágenes de variación dinámica, etc.

Precios

YITH WooCommerce Color and Label Variations tiene un precio de 79,99 € (alrededor de 94 USD)/año

Cómo editar muestras de variación con un complemento

Hay diferentes complementos para mejorar sus productos de variación de WooCommerce y cambiar las opciones de variación desplegables predeterminadas para sus productos. Para esta demostración, usaremos muestras de variación de WooCommerce.

Uso del complemento Muestras de variación de WooCommerce

Primero, abra su Panel de administración de WP y vaya a Productos> Agregar nuevo. Luego, usa la barra de búsqueda en la parte superior derecha para buscar Woo Variation Swatches de Emran Ahmed. Haga clic en Instalar en la tarjeta del complemento y luego actívelo.

De forma predeterminada, todos los atributos de su producto deben cambiar de opciones desplegables a muestras de variación específicas. Sin embargo, Variation Swatches le permite agregar opciones de muestras específicas para todos sus atributos globales con la versión gratuita.

Para ello, vayamos a Productos > Atributos y abramos uno de los atributos globales creados anteriormente.

Luego, presione Editar debajo de su atributo de producto global y use la opción Tipo para seleccionar el tipo de diseño de muestra que le gustaría habilitar. Para nuestro atributo de color, seleccionaremos la opción de color y luego haremos clic en Actualizar.

Finalmente, volvamos a la página de Atributos para definir cada opción de color para nuestros términos. Seleccione la opción Configurar términos en la página Atributos junto a su atributo global y debería ver una opción de Color en los campos Agregar nuevo color.

Si desea cambiar el color de sus términos, presione Editar debajo de ellos y personalice el color.

También puede optar por utilizar la opción Imagen como su tipo de muestra y agregar imágenes específicas para cada término.

Si las opciones predeterminadas de WooCommerce no son suficientes y desea más flexibilidad sin instalar ningún complemento, tiene una opción más. Puede crear variaciones de productos de WooCommerce mediante programación con un poco de codificación.

4) Cómo agregar variaciones de productos en WooCommerce mediante programación

Además de los métodos anteriores, también puede obtener productos variables a granel mediante programación. Esto le dará más flexibilidad, pero requiere un poco de conocimiento sobre la programación de WordPress, PHP y WooCommerce Hooks.

Si no está familiarizado con la creación de productos mediante programación, le recomendamos que primero consulte esta publicación. En esta sección, iremos directamente al grano y omitiremos la explicación sobre cómo crear su propio complemento de WordPress para agregar sus productos de WooCommerce, así que consulte primero esa guía si no sabe cómo hacerlo.

NOTA : antes de comenzar, asegúrese de crear una copia de seguridad completa de su sitio e instalar un tema secundario.

Una vez que cree su complemento de WordPress, deberá agregar la siguiente línea de código. Alternativamente, puede agregar la siguiente función al archivo functions.php de su tema hijo. Sin embargo, le recomendamos encarecidamente que siga el proceso del complemento, ya que le brinda más control.

 // Creando la variación del producto
$variation_id = wp_insert_post( $variation_post );

// Obtener una instancia del objeto WC_Product_Variation
$variación = new WC_Product_Variation ($variación_id);

// Iterando a través de los atributos de variaciones
foreach ($variation_data['attributes'] as $atributo => $term_name )
{
$taxonomía = 'pa_'.$atributo; // La taxonomía de atributos

// Si la taxonomía no existe la creamos (Gracias a Carl F. Corneil)
if( ! taxonomy_exists( $taxonomy ) ){
registro_taxonomía(
$taxonomía,
'variación_producto',
formación(
'jerárquico' => falso,
'etiqueta' => ucfirst( $atributo ),
'query_var' => verdadero,
'rewrite' => array( 'slug' => sanitize_title($attribute)), // El slug base
),
);
}

// Comprobamos si el nombre del Término existe y si no lo creamos.
if( ! term_exists( $term_name, $taxonomy ) )
wp_insert_term( $nombre_término, $taxonomía); // Crea el término

$term_slug = get_term_by('name', $term_name, $taxonomy )->slug; // Obtener el término babosa

// Obtenga los nombres de los términos de la publicación del producto de la variable principal.
$post_term_names = wp_get_post_terms( $product_id, $taxonomy, array('fields' => 'names') );

// Comprobar si existe el término de publicación y si no lo establecemos en el producto de la variable principal.
if( ! in_array( $nombre_término, $nombres_post_término) )
wp_set_post_terms ($product_id, $term_name, $taxonomy, true);

// Establecer/guardar los datos de atributo en la variación del producto
update_post_meta( $variation_id, 'attribute_'.$taxonomy, $term_slug );
}

## Establecer/guardar todos los demás datos

// SKU
if( ! vacío( $variation_data['sku'] ) )
$variacion->set_sku( $variacion_datos['sku'] );

// Precios
if( vacío( $variation_data['sale_price'] ) ){
$variación->set_price( $variation_data['regular_price'] );
} demás {
$variación->set_price( $variation_data['sale_price'] );
$variación->set_sale_price( $variation_data['sale_price'] );
}
$variación->set_regular_price( $variation_data['regular_price'] );

// Valores
if( ! vacío($variation_data['stock_qty']) ){
$variación->set_stock_quantity( $variation_data['stock_qty'] );
$variación->set_manage_stock(true);
$variación->set_stock_status('');
} demás {
$variación->set_manage_stock(falso);
}

$variación->set_weight(''); // peso (restablecimiento)

$variación->guardar(); // Guardar los datos
}

Por supuesto, deberá usar una matriz para agregar las variaciones del producto a su tienda WooCommerce. Para esto, puede usar una matriz como:

 $parent_id = 123; // O obtener la identificación del producto variable dinámicamente

// Los datos de variación
$variacion_datos = array(
'atributos' => matriz(
'tamaño' => 'L',
'color' => 'Azul',
),
'sku' => ”,
'precio_regular' => '92.00',
'precio_venta' => ”,
'stock_cantidad' => 15,
);

// La funcion a ejecutar
create_product_variation ($parent_id, $variation_data);

Este fragmento de código debería funcionar sin problemas en todos los sitios. Sin embargo, le recomendamos que lo tome como base y lo personalice según sus requisitos. Si esta parte no está muy clara, le recomendamos que lea nuestras guías sobre cómo agregar productos de WooCommerce mediante programación y la guía completa sobre WooCommerce Hooks. Esas publicaciones funcionarán como una buena guía antes de configurar su archivo plugin/function.php.

Conclusión

En resumen, al agregar atributos, puede crear diferentes variaciones para sus productos y brindar más opciones a sus clientes.

En esta guía, hemos visto diferentes formas de agregar variaciones de productos en WooCommerce :

• Crear un producto variable y agregar sus atributos y variaciones manualmente
• Crear un atributo global y aplicarlo a cada uno de sus productos variables
• Usando un complemento de variación masiva de WooCommerce
• Obtener productos variables programáticamente

Todos los métodos hacen el trabajo, pero ¿cuál es el mejor para ti? Si es un usuario principiante, puede usar las opciones predeterminadas de WooCommerce. Son fáciles de usar y requieren poca configuración. Si tiene muchos productos y desea más opciones de personalización, le recomendamos que use un complemento de variación masiva . Estas herramientas lo hacen muy fácil y aceleran el proceso de creación de variaciones. Además, protegen contra fallas el proceso de agregar variaciones de productos a granel, lo cual es muy conveniente.

Finalmente, si tiene habilidades de codificación, puede codificar su propia solución y crear variaciones de productos mediante programación. Esto es un poco más complejo y requiere habilidades de codificación, pero le brinda mucha flexibilidad.

¿Te gustó el mensaje? ¿Tienes alguna duda sobre alguno de los métodos? ¡Háganos saber en los comentarios a continuación!

Para obtener más información sobre las diferentes opciones de productos en WooCommerce, le recomendamos que eche un vistazo a las siguientes publicaciones:

• Cómo configurar productos destacados en WooCommerce.
• Crear atributos predeterminados en WooCommerce