¿Tiene una tienda en línea? ¿Desea añadir múltiples variaciones de productos?
Si es así, ¡esta guía sobre variaciones de productos de WooCommerce es exactamente lo que necesitas!
Al igual que las tiendas físicas, las tiendas online tienen diferentes formas y tamaños. Gracias a WooCommerce, WordPress ofrece suficientes utilidades para prácticamente cualquier tipo de tienda de comercio electrónico.
Como propietario de una tienda WooCommerce, una de las características más populares que puedes aprovechar es la posibilidad de añadir múltiples opciones de compra para un solo producto o incluso un sitio web monoproducto.
Aunque son muy útiles, navegar por las variaciones de producto de WooCommerce puede ser todo un reto, especialmente para los nuevos usuarios.
Sin embargo, una vez que los domine, descubrirá rápidamente lo poderosos que son y cómo su tienda puede beneficiarse enormemente de ellos.
Si alguna vez te has sentido confuso al intentar configurar productos variables de WooCommerce, ten por seguro que no estás solo. Por eso hemos recopilado todos los mejores consejos que necesitas para dominar las variaciones de productos de WooCommerce.
Probablemente le interese saberlo:
- Qué son los productos variables de WooCommerce
- Cómo funcionan las variaciones de WooCommerce
- Cómo configurar las variaciones de WooCommerce
- Cómo gestionar productos variables para una conversión óptima
- Los mejores plugins y herramientas para las variaciones de WooCommerce
En este artículo encontrarás respuestas a todo esto y mucho más. ¡Vamos a ello!
¿Qué son los productos variables de WooCommerce (y cómo funcionan)?
Por defecto, WooCommerce le permite añadir seis tipos de productos diferentes en su tienda. De todos ellos, sólo los productos variables le permiten ofrecer múltiples opciones de compra para los productos que publica en su tienda.
Por ejemplo, una tienda de electrónica puede tener existencias del mismo teléfono móvil en varias opciones de almacenamiento y color.
Para ofrecer a sus compradores la posibilidad de elegir entre varias variaciones de productos, tendrá que seleccionar la opción Producto variable al configurar el producto. En términos de WooCommerce, estas diferentes opciones de compra se llaman Atributos.
Atributos
Los atributos son simples descriptores o propiedades que se asignan a las distintas variaciones del producto para proporcionar al comprador información clave sobre lo que va a comprar. Estos atributos del producto pueden ser la talla, el material, el color, el modelo o algo totalmente distinto.
En la parte frontal de su página de producto, puede ofrecer a sus compradores la opción de seleccionar varios atributos del mismo producto. Sin embargo, los usuarios del sitio sólo pueden seleccionar entre estos atributos. No pueden añadir uno nuevo.
Por ejemplo, un visitante puede pedir un zapato "marrón" "de piel" "talla 45". Esto se denomina variación de producto.
Variaciones
La selección final que hace un comprador consistente en uno o más atributos se denomina variación de producto. Aunque los atributos pueden existir sin variaciones, primero necesitas añadir atributos antes de configurarlos. Hablaremos más sobre esto en la sección sobre cómo configurar variaciones en WooCommerce.
En nuestro ejemplo de la sección anterior, las palabras clave "marrón", "piel" y "talla 45" son valores de los atributos "Color", "Material" y "Talla". La variación del producto es una combinación de los valores de estos atributos.
Cuando añade sólo atributos a sus productos, éstos sólo muestran información a los visitantes de su sitio Web. En otras palabras, los compradores no pueden seleccionar la combinación de atributos que desean.
Ahora que entendemos qué son los atributos y variaciones de WooCommerce y cómo ayudan a crear productos variables, echemos un vistazo a cómo funciona todo en la realidad.
Cómo crear y gestionar variaciones de productos de WooCommerce
Si tienes alguna experiencia con WooCommerce, configurar variaciones de WooCommerce con esta guía paso a paso no debería suponerte ningún problema. Todo lo que necesitas hacer es modificar algunos ajustes que están disponibles por defecto en tu panel de WordPress.
Si en cambio preparas un videotutorial. También lo tenemos cubierto.
Por supuesto, es necesario que ya tener instalado WooCommerce y activado en su sitio WordPress autoalojado. Una vez hecho esto, puede seguir estos pasos para poner en marcha sus productos variables.
Paso 1: Instalar Variation Swatches para WooCommerce Plugin
Vaya a su panel de administración de WordPress y, a continuación, vaya a la sección Plugins > Añadir nuevo.
Ahora, busque la palabra clave "muestras de variación para WooCommerce". Entonces verá el siguiente plugin desarrollado por CartFlows.
Ahora, haga clic en el botón Instalar ahora botón.
Siguiente, Activar el plugin.
Ya está.
Paso 2: Añada atributos globales a su tienda
Como ya hemos hablado anteriormente del papel que desempeñan los atributos en la configuración de productos variables, primero los añadiremos a tu tienda. Añadir atributos globales hace posible aplicarlos a productos nuevos o existentes más fácilmente en el futuro. Esto puede ahorrarle mucho tiempo.
Para añadir nuevos atributos globales a su tienda, todo lo que tiene que hacer es navegar a Productos > Atributos en el panel de control de WordPress.
Configuración de atributos
En esta página, puede establecer todas las propiedades de su nuevo atributo global:
- Nombre: Este es el título del atributo (como 'Color', 'Tamaño') que se refleja en el front-end de su sitio. Es la primera propiedad con la que interactúan los visitantes.
- Babosa: Además del nombre principal del atributo, puede optar por asignar otra versión a su atributo. El slug, si se añade, sustituye al nombre del atributo en el localizador uniforme de recursos (URL).
- Archivos: Adicionalmente, puedes habilitar archivos para el atributo que estás creando. Cuando se activa, WooCommerce crea una página con todos los productos asociados a este atributo. A continuación, puede seguir fácilmente la URL de la página (por ejemplo, https://onlinestore.com/color/green/) para ver los productos.
- Orden de clasificación por defecto: Puede elegir entre cuatro opciones disponibles cómo desea que se ordenen los términos de este atributo en el frontend. Por ejemplo, puede seleccionar la opción Nombre opción. Esto significa que si un atributo "Tamaño" consta de los valores "Pequeño", "Grande" y "Mediano", estos términos se ordenarán alfabéticamente. Del mismo modo, puede seleccionar Pedidos a medida para arrastrar y soltar los términos en la página siguiente.
A continuación, haga clic en Añadir atributo para guardar sus preferencias. Ahora que ha creado su primer atributo global, haga clic en Configurar términos para añadirle los valores necesarios.
En la página siguiente, podrá añadir nuevos valores a su atributo. En nuestro caso, tenemos que rellenar los campos del atributo Añadir nuevo tamaño (ya que el nombre del atributo es "Tamaño").
En Nombre y Babosa son similares a las que teníamos en la página anterior. Además, puede añadir una descripción al nuevo valor del atributo. Dependiendo del tema de su sitio, la descripción puede o no mostrarse.
Puedes añadir tantos atributos como quieras a tu tienda WooCommerce. Del mismo modo, también hay espacio para adjuntar tantos valores a cada uno. Una vez que hayas terminado, haz clic en Añadir nuevo tamaño y sus atributos globales ya están listos para su uso.
Paso 3: Añadir un nuevo producto y seleccionar el tipo de producto
Una vez creados los atributos que puede utilizar en todo el sitio, es el momento de añadir el nuevo producto a los que las aplicaremos. De todos los tipos de producto disponibles en WooCommerce, sólo puedes añadir variaciones a los productos variables. Para crear un nuevo producto variable o editar uno existente, ve a WooCommerce > Productos.
Haga clic en Añadir nuevo para crear un nuevo producto. Si no, pase el ratón por encima de un producto existente y haga clic en Editar en el menú interactivo que aparece.
En la página de configuración del producto, desplácese hasta la opción Datos del producto sección. El primer menú desplegable de esta sección le permite seleccionar el tipo de producto.
Aquí debe seleccionar el Producto variable opción. Inmediatamente, el menú de configuración cambia para ayudarle a configurar su producto variable. Diferentes pestañas le permiten definir el producto.
Por ejemplo, puede configure sus opciones de envío en el Envío o añadir productos de venta adicional en la pestaña Productos vinculados ficha.
Para configurar las variaciones de WooCommerce, nos centraremos en asignar atributos al producto variable.
Paso 4: Asignar atributos variables al producto
Como mencionamos anteriormente, las variaciones requieren atributos asignados para funcionar correctamente. Hay dos maneras de asignar atributos a su producto. Puedes utilizar atributos globales (los que creamos en el primer paso) o crear atributos personalizados.
Los atributos globales son geniales si varios productos de tu tienda comparten los mismos atributos. En cambio, los atributos personalizados son más adecuados si son propios de un determinado producto.
Asignación de atributos globales
Para asignar atributos globales a un producto, vaya a la sección Atributos en la pestaña Datos del producto sección. Aquí puede seleccionar cualquiera de los atributos creados anteriormente.
Después de seleccionar el atributo global que desee, haga clic en Añadir para aplicarlo al producto. A continuación, aparece el menú de configuración del atributo seleccionado. Aquí puede añadir todos los valores que desee.
En nuestro ejemplo, añadiremos todos los valores de tamaño, "Grande", "Mediano" y "Pequeño". Salvo en casos excepcionales en los que decida no hacerlo, es conveniente que marque la casilla Visible en la página del producto y Se utiliza para variaciones cajas.
A continuación, pulse el botón Guardar atributos para guardar todos los cambios.
Asignación de atributos personalizados
También puede añadir atributos personalizados a un producto concreto. Para ello, seleccione la opción Atributo personalizado del producto en lugar de elegir un atributo global creado previamente.
Este método también le permite añadir atributos y sus valores de forma rápida y sencilla. Todo lo que tiene que hacer es escribir los valores correspondientes en el campo Nombres y Valor(es) campos.
Cuando añada varios valores de atributo, separe cada término con el signo "|". A continuación, marque la casilla Visible en la página del producto y Se utiliza para variaciones también. Una vez que haya terminado, haga clic en Guardar atributos y listo.
El siguiente paso es añadir variaciones al producto y publicarlas en la tienda.
Paso 5: Mostrar las variaciones de WooCommerce en su tienda
Por último, es hora de crear múltiples variaciones de WooCommerce basadas en los atributos que asignaste al producto variable.
Para ello, vaya a la página Variaciones pestaña. Aquí, simplemente pulse Vaya a junto al Añadir variación campo.
Ahora, puede crear variaciones que sean una combinación de los valores de atributos existentes.
Por ejemplo, en nuestro caso, puedes crear una variable para una camiseta 'Grande' 'Azul'. Cuando haya terminado, haga clic en Guarda los cambios.
Para facilitar aún más las cosas, sólo tiene que seleccionar Crear variaciones a partir de todos los atributos en el Añadir variación menú desplegable.
Después de pulsar Vaya aWooCommerce crea automáticamente variaciones a partir de todos los atributos asignados a los productos.
En nuestro ejemplo, tendremos 12 variaciones diferentes, ya que hemos asignado 2 atributos que contienen tres y cuatro valores respectivamente.
Sin embargo, estas variaciones de producto aún no contienen precios ni otras propiedades importantes. Para cambiar esto, pase el ratón sobre cualquier campo de variación y haga clic en la región blanca vacía. Aparecerá un editor de configuración.
Aquí, puedes editar la variación como cualquier otro producto simple típico de WooCommerce.
Hay espacio para añadir una imagen del producto, un precio normal y un precio de venta, introducir los valores de peso y dimensión, o incluso hacerlo descargable. Asimismo, puede activar o desactivar la variación marcando o desmarcando la casilla Activado caja.
Dado que cada variación tiene su propio menú de configuración, puede establecer fácilmente precios o dimensiones distintos para diferentes variaciones del mismo producto.
Una vez que esté satisfecho con todos los ajustes, puede previsualizar su producto variable haciendo clic en Vista previa en la esquina superior derecha de la página. El resultado final debe parecerse a esto.
El comprador puede elegir la talla y el color de la camiseta en el frontend. En este punto, es seguro decir: "¡Misión cumplida!". ¡Tus variaciones de WooCommerce ya están configuradas y listas para usar!
Entender y crear versiones de productos puede parecer difícil al principio, pero es la única manera de hacerlo si estás usando WooCommerce.
Diferentes tamaños, colores o materiales son variaciones básicas en casi cualquier tienda de comercio electrónico, por lo que es muy beneficioso que aprendas a dominarlas.
Tenga en cuenta que con los desplegables de variación predeterminados, su tienda tendrá el mismo aspecto que la de sus competidores.
Paso 6: Personalizar las muestras de variaciones
Es importante que las variaciones de tus productos WooCommerce destaquen y sean atractivas para los compradores, facilitándoles encontrar lo que necesitan.
Ahí es donde Plugin de muestras de variaciones entra. Con él puedes personalizarlo según tus necesidades.
CartFlows variation swatches plugin le permite utilizar 3 tipos diferentes de swatches:
- Etiqueta: La opción por defecto, más útil que los desplegables.
- Color: Útil para mostrar diferentes colores.
- Imágenes: Una muestra dinámica que puede utilizar para cualquier cosa. Lo mejor es utilizar la imagen del propio producto.
Estas 3 muestras pueden visualizarse en 3 formas diferentes: cuadrado, esquinas redondeadas o círculo. También puede elegir el tamaño exacto.
Nota:
Si desea cambiar la muestra de un atributo ya creado, haga clic en el botón Editar en ese atributo.
Digamos que quieres mostrar el color de una camiseta utilizando el color real, así que eliges que el tipo de atributo sea color.
El siguiente paso sería definir los términos de la muestra.
En este ejemplo sería elegir el color que coincida con el nombre de la etiqueta.
Si ya tienes tus condiciones creadas, puedes editarlas para que se lean como quieras.
Ahora dispone de muestras mucho más atractivas que invitarán a sus compradores a hacer clic, comprobar las distintas opciones y comprar.
Nos gusta ver lo que compramos, así que ¿qué tal si añadimos una imagen para cada variación? Aquí es donde entran en juego las imágenes de variaciones adicionales.
Puede hacerlo desde la misma sección donde añadió el precio para cada variación. Solo tienes que incluir imágenes diferentes para cada variación de color en el panel de variaciones.
Las imágenes de las variaciones de WooCommerce se añaden desde el panel de variaciones
Hay muchas más cosas que puede configurar con Cartflows:
- Etiqueta de estilo.
- Estilo del tooltip.
- Estilo Swatch.
- Y mucho más.
Encontrará las opciones en el panel de configuración del plugin.
Ejemplos de variaciones de productos en el comercio electrónico
Hay muchas variaciones de productos que puede utilizar en su tienda de comercio electrónico para ofrecer más opciones a los clientes y maximizar las ventas.
He aquí algunos ejemplos de su uso en nuestras tiendas favoritas:
Colores: Una opción típica para ropa, zapatos y accesorios.
Patrones: Un producto puede tener el mismo color pero ofrecer diferentes dibujos que cambien su aspecto.
Tallas: No sólo para la ropa y el tamaño físico, sino también para otros productos en los que puede seleccionar diferentes cantidades del producto.
Materiales: Ofrezca una versión más asequible y otra con materiales de primera calidad. Acabado mate o brillante, o una versión fabricada con materiales reciclados.
Sabores: Muy útil para tiendas de alimentación.
Aromas: Las velas, los ambientadores e incluso la arena para gatos pueden tener distintos olores.
Configuración técnica: Muchos productos tecnológicos tendrán diferentes configuraciones de tamaño, como capacidad de almacenamiento, píxeles o potencia.
Habrá muchas más variantes disponibles en función del tipo de producto que venda. Incluso versiones para zurdos.
Ofrecer diversas variantes da a los clientes más opciones y mejora su experiencia de compra.
Aunque supone más trabajo, también debería traducirse en más ventas.
¿Cómo importar productos con atributos variables?
Si sólo vende unos pocos productos con variaciones limitadas, añadirlos a su tienda en línea no debería suponer ningún reto.
Sin embargo, si vende cientos de productos con diversas variaciones, añadirlos manualmente a su tienda le llevará, como mínimo, mucho tiempo.
Afortunadamente, puedes añadir tus productos con todas sus variaciones utilizando la función de Importador y Exportador CSV de productos que viene incorporada con WooCommerce.
Puede importar, exportar e incluso actualizar todos los productos de su tienda con un único archivo CSV. La herramienta admite todos los tipos de productos, incluidas las variaciones de productos.
He aquí cómo se hace, paso a paso.
Paso 1: Crear un archivo CSV
Se puede crear un CSV utilizando la hoja de cálculo en línea de Google Docs o la hoja de cálculo gratuita de OpenOffice.
Aunque puede utilizar Microsoft Excel, le recomendamos que lo evite debido a problemas de formato y codificación de caracteres.
Para importar nuevos productos o actualizar los existentes, necesita un CSV que contenga la información del producto.
Puede exportar un CSV de un almacén existente o descargar uno de GitHub y sustituir los datos de la muestra.
¿Quieres crear uno desde cero? También puedes hacerlo siempre que sigas las columnas y el formato del Esquema de importación CSV de productos.
A continuación le indicamos algunos aspectos que debe tener en cuenta al crear su CSV:
- Debe estar en formato UTF-8
- Las fechas incluidas en el archivo deben estar de acuerdo con la zona horaria local de la tienda
- Separar varios valores de un campo mediante comas
- Si hace referencia a un identificador de producto existente, anteponga al identificador el prefijo id:. Por ejemplo, id:20
- Si hace referencia a una SKU, no es necesario el prefijo. Por ejemplo, SKU201
- Los productos en fase de borrador no se exportan. Sólo se exportan los productos publicados
- Denota la jerarquía de términos de la taxonomía con > (por ejemplo, 'Ropa > Camisetas'), y los términos se separan con comas (por ejemplo, 'Azul, Verde, Rojo').
- Las imágenes deben cargarse previamente en su tienda
Aunque todas las columnas de su CSV son esenciales, es especialmente importante tener en cuenta la columna SKU.
SKU son las siglas de Stock Keeping Unit (unidad de mantenimiento de existencias) y es un número único asignado por los propietarios de las tiendas para realizar un seguimiento de los niveles de existencias de sus productos.
Si un producto tiene diferentes atributos, como colores y tamaños, cada variación tiene un SKU único.
Cuando añada sus productos, introduzca un SKU para el producto principal y para cada variación que vaya a crear.
Por ejemplo, en el siguiente ejemplo para una camiseta, el SKU es TEA-OG.
Y para cada una de las variaciones, hay un SKU único independiente.
Por ejemplo, para los atributos S (pequeño) e Y (amarillo), la SKU creada es TEA-OG-YLW-S.
Aunque el SKU es algo que el propietario de la tienda crea internamente para su referencia, se recomienda que siga una convención de nomenclatura similar.
Paso 2: Importar el CSV
Una vez que hayas añadido todos los detalles de tus productos y tu CSV esté creado, es hora de importar los datos a tu tienda WooCommerce.
En el panel de control de WordPress, vaya a Productos > Todos los productos y haga clic en Importar.
Aquí es donde debe cargar su archivo CVS.
Haga clic en Elegir archivo y carga el CSV que acabas de crear.
Si ya tiene productos en su tienda y desea actualizarlos, marque la casilla correspondiente en el campo Actualizar los productos existentes opción.
En Mostrar opciones avanzadas, el delimitador CSV es, por defecto, una coma. Si utilizas un delimitador alternativo en tu CSV, podrías mencionarlo aquí.
Haga clic en Continuar para pasar al siguiente paso.
En este paso, se asignan los nombres de las columnas a los campos del CSV.
Por ejemplo, la columna post_title se puede asignar con el Nombre de su CSV. Igualmente, sku con SKU en su CSV.
De este modo, todos los campos de su CSV se corresponden con las columnas correspondientes de su tienda.
Cuando hayas terminado, haz clic en Ejecutar el importador.
La importación comenzará y llevará un tiempo.
Una vez hecho esto, se le notificará cuántos productos se han importado.
También puede seguir el mismo proceso para actualizar los productos de su tienda.
Otros ajustes importantes para las variaciones de WooCommerce
WooCommerce ofrece mucha flexibilidad cuando se trata de la configuración de productos variables. Rellenar los campos de datos para cada variación puede ser un procedimiento largo y exhaustivo. Dependiendo del tipo de producto que estés vendiendo y de las preferencias de tus consumidores, hay ciertos campos que puedes dejar sin rellenar.
Hagamos un rápido recorrido por todas las pestañas principales del menú y definamos cada campo de datos de variación.
Ajustes generales
Mientras que en el Variaciones de su editor de datos variables de producto, puede modificar todos los ajustes generales de cada variación individual.
He aquí una descripción resumida de las propiedades:
- Activado: Esta casilla le permite activar o desactivar la variación para un único producto.
- Descargable: Esto es para las variaciones de producto que se pueden descargar. Cuando la casilla está marcada, WooCommerce añade campos adicionales a saber Archivos descargables, Límite de descarga, y Descargar Expiración. Puede cargar los archivos de descarga en el primer campo. Los otros dos campos te permiten establecer el número máximo de veces que se pueden descargar los archivos y cuándo quieres que caduque la descarga.
- Virtual: Un producto virtual es un producto no físico. Si marca esta casilla, desaparecerán todos los ajustes de envío de esta variación.
- Precio normal: Es el precio habitual al que quiere vender la variación del producto.
- Precio de venta: Opcionalmente, también puede añadir un precio para cuando el producto esté en oferta.
Configuración del inventario
Para gestionar el inventario de una variación, consulte la sección ¿Gestionar las existencias? box. Inmediatamente, dos nuevos campos sustituyen a los campos Estado de las existencias campo.
Introduzca la cantidad de la variación en el campo Cantidad de existencias campo. Además, puede elegir gestionar o no los pedidos pendientes en el campo ¿Permitir pedidos pendientes? Campo.
Alternativamente, puede elegir gestionar el inventario de todas las variaciones a nivel de producto. Para ello, vaya a la sección Inventario ficha.
Aquí puede añadir una Unidad de Mantenimiento de Existencias (SKU) y elija permitir que sólo se añada una unidad del producto en un único pedido marcando el valor Se vende por unidad caja. Del mismo modo, aquí puede gestionar las existencias de todo el producto. Los valores de cantidad de existencias introducidos para variaciones individuales anulan los ajustes generales del producto.
Del mismo modo, puede añadir opciones de envío (Peso, Dimensionesy Clase de transporte) tanto a nivel de producto como de variación.
En caso de que elija Productos vinculados permite añadir Ventas cruzadas y Venta adicional al producto.
Establecer valores por defecto
Al ajustar la configuración de su producto, puede establecer fácilmente variaciones predeterminadas para el usuario final. Esto significa que cuando el comprador visite la página del producto, estos valores de atributo establecidos se seleccionarán por defecto.
Para ello, vaya a la página Variaciones de la pestaña Datos del producto y seleccione el valor o los valores que desee junto a la casilla Valores por defecto del formulario campo.
Ahora, cuando el usuario navegue a la página del producto, los valores por defecto del formulario ya estarán preseleccionados.
Establecer variaciones por defecto puede ser muy útil para productos en los que la demanda de una variación concreta del producto es alta. De este modo, el AÑADIR AL CARRITO se puede pulsar automáticamente, con lo que se ahorra algo de tiempo. Si el comprador lo desea, puede seguir adelante y seleccionar una combinación diferente de atributos.
Edición masiva
Puede darse el caso de que desee aplicar una configuración concreta a todas las variaciones del producto (por ejemplo, añadir las mismas dimensiones o la misma clase de envío). Añadir variación menú desplegable.
Seleccione la opción necesaria y haga clic en Vaya a. Inmediatamente, aparecerá un mensaje en la pantalla que le permitirá introducir el valor deseado.
Introduzca el valor correspondiente y pulse OK. WooCommerce entonces aplica el valor a todas las variaciones de abajo.
Ya hemos cubierto todos los ajustes asociados con la creación de variaciones de WooCommerce. Sin embargo, más allá de la configuración, es posible que también desee aprender ciertos consejos y herramientas que puede utilizar para maximizar el éxito de su tienda cuando se utilizan variaciones.
Hablemos de algunas de ellas.
Mejor WooCommerce Variación Muestras Plugins
Aunque WooCommerce ofrece mucha flexibilidad y utilidad para las variaciones de productos de forma predeterminada, los plugins adicionales pueden ayudarte a añadir aún más funcionalidad a tus productos variables.
Hay muchos plugins de variación de WooCommerce diseñados para ejecutar diferentes tareas. Discutiremos siete de los más eficaces e interesantes que hemos utilizado antes.
- Variation Swatches para WooCommerce por CartFlows
- Tabla de Variaciones de Producto para WooCommerce
- Reglas de descuento para WooCommerce
- WooCommerce Vista Rápida Pro
- Muestras de variación para WooCommerce
- WooCommerce Mostrar Variaciones Individuales
- WooCommerce Variaciones Masivas
1. Muestras de variación para WooCommerce por CartFlows
Variation Swatches para WooCommerce es un plugin hermano de CartFlows. Se puede utilizar incluso si usted no tiene CartFlows instalado y es totalmente gratuito.
Con este plugin puedes convertir automáticamente todos los desplegables en etiquetas y mostrarlas en páginas de productos, páginas de tienda y archivos.
También puede mostrar colores e imágenes y modificar su forma y tamaño para adaptarlos al estilo general de su tienda.
Es posible mostrar tooltips que ayuden al usuario a entender las diferentes variaciones de un producto. Ideal para variaciones más complejas o en las que las diferencias pueden ser menos evidentes.
Variation Swatches para WooCommerce es muy fácil de usar y es compatible con constructores de páginas populares como Elementor, Beaver Builder y Spectra.
También es compatible con Astra y cualquier otro tema, como Avada, Divi o GeneratePress. Así que no tendrás ningún problema para implementarlo en tu tienda WooCommerce.
2. Tabla de Variaciones de Producto para WooCommerce
Más allá de las muestras de color y de las interfaces de selección fáciles de usar, algunos sitios requieren a menudo un enfoque diferente para mostrar las variaciones.
Otro método efectivo es usar tablas que permitan al comprador comparar múltiples propiedades de variación simultáneamente. Product Variations Table for WooCommerce by FmeAddons puede ayudarte a conseguirlo.
Un caso de uso popular para este enfoque es una tienda en línea que vende dispositivos electrónicos como teléfonos inteligentes y equipos fotográficos. El propietario de una tienda puede utilizar estas tablas para mostrar las especificaciones de distintos modelos de productos.
Mientras navegan por sus productos, los visitantes pueden utilizar las dos flechas situadas junto a cada atributo para ordenar las variaciones en consecuencia. También tienen acceso a un filtro de búsqueda basado en Ajax (en tiempo real). Así, el tiempo de compra puede acortarse simplemente buscando un atributo concreto.
Como guinda del pastel, el comprador también puede añadir tantas variaciones como desee a la cesta directamente desde la mesa.
¿Quieres aún más utilidades? El plugin también le permite personalizar el diseño de la tabla. De esta forma, tus páginas de destino incluirán sólo los atributos más importantes que preocupan a tus clientes. Puede mostrar el precio, el tamaño de almacenamiento, el color o las imágenes. ¡La elección depende completamente de ti!
Si esto no es suficiente para ti, puedes probar una alternativa, WooCommerce Product Table. Este es un plugin de tabla de WooCommerce más genérico que te permite comparar múltiples productos en una tabla. Pero como ventaja, tienes la opción de elegir entre múltiples atributos en un típico menú desplegable.
Los usuarios del sitio también pueden enviar su elección final directamente al carrito sin navegar a ninguna otra página.
3. Reglas de descuento para WooCommerce
Otra característica que los compradores pueden apreciar es la fijación de precios variables para sus productos variables. Si usted está ofreciendo varias variaciones para cada uno de sus productos, la gestión de precios regulares y con descuento para cada variación puede ser bastante tedioso. Aquí es donde las reglas de descuento de Flycart para WooCommerce entran en juego.
El plugin te permite ofrecer a tus compradores descuentos para toda la tienda, por cantidad, por carrito y otros tipos de descuentos interesantes para cada variación única. Todo lo que necesitas hacer es establecer reglas específicas basadas en las condiciones que desees.
Estas son algunas formas populares de configurar descuentos para las variaciones de sus productos:
- En función de cada producto: Este tipo de descuento se configura para un producto en particular y todas sus variaciones. Puede ser un descuento porcentual o de precio fijo.
- Basado en atributos específicos: Otra opción es aplicar la regla de descuento a todos los productos asociados a un atributo específico. Por ejemplo, puede ofrecer un descuento de $15 en todos los zapatos de la talla 46.
- Usando una oferta BOGO: Una oferta Buy One Get One (BOGO) es un descuento basado en la cantidad. Puede ofrecer una unidad gratis de su producto por cada número determinado de unidades (digamos tres o cuatro) compradas. Puede aplicarlo a productos, variaciones, atributos o a toda la tienda.
- Basado en el subtotal del carrito: Esta regla de descuento se activa en función del subtotal del carrito del comprador. Por ejemplo, puedes ofrecer un porcentaje de descuento o incluso un producto gratis cuando el subtotal sea superior a $250.
Los descuentos son una forma probada de aumentar sus ventas y la fidelidad de los clientes. Este plugin le ayuda a aprovechar esa ventaja, incluso con productos variables.
4. WooCommerce Vista Rápida Pro
¿Quiere acelerar aún más el proceso de compra de los visitantes de su sitio web? Entonces el plugin WooCommerce Quick View puede ser justo lo que necesitas. Sin duda, las muestras de color son una gran manera de mostrar variaciones en su sitio. Sin embargo, sus compradores apreciarán poder seleccionar entre diferentes variaciones de múltiples productos en la misma página.
WooCommerce Quick View le ayuda a conseguirlo. Cuando se instala y se activa, el plugin añade un Vista rápida a su página de búsqueda de productos. De este modo, los usuarios ya no tendrán que visitar páginas de productos individuales.
Una vez que pulsen el botón Vista rápida aparecerá una ventana emergente que les permitirá seleccionar la variante que deseen. Cuando hayan terminado, pueden hacer clic en Añadir a la cesta y volver a sus compras sin complicaciones.
Puede utilizar WooCommerce Quick View junto con WooCommerce Product Table. Su utilidad combinada añade botones de vista rápida directamente al diseño de su tabla de productos.
Para los propietarios de sitios web que desean ofrecer la mejor experiencia de compra a sus clientes, este complemento es una gran adición. La mayoría de las veces, menos clics equivalen a más ventas. También es compatible con otros tipos de productos. Por lo tanto, la mejora de la experiencia del usuario no se limita únicamente a sus productos variables.
5. Muestras de variación para WooCommerce
La experiencia de usuario de una tienda WooCommerce decide en última instancia las ventas. Pocas características pueden mejorar esa experiencia mejor que la capacidad de mostrar variaciones en imágenes, colores y etiquetas en lugar de los campos desplegables predeterminados.
Variation Swatches para WooCommerce Pro le ayuda a conseguir todo eso y más.
Este plugin premium le permite personalizar los bordes, fondos e imágenes de las muestras de sus productos.
Tooltip es la característica que más destaca de Variation Swatches para WooCommerce Pro. Puede seleccionar diseños de muestras redondeadas o cuadradas con fondo de información sobre herramientas, control de información sobre herramientas, color de fuente e incluso tamaños de fuente.
El plugin admite la visualización de variaciones de color duales. Está optimizado para mejorar la velocidad de carga. Facilita la adición del carrito de la compra a la página de categoría/archivo. También puede controlar los atributos en la página de categoría/archivo.
La versión gratuita de Variation Swatches para WooCommerce incluye la posibilidad de controlar el tamaño de las muestras en la página del producto y elegir si tachar, difuminar u ocultar los artículos agotados. También le permite trabajar desde ventanas emergentes de vista rápida.
6. WooCommerce Mostrar Variaciones Individuales
Para algunos compradores, tener que elegir entre distintas combinaciones de atributos de producto puede parecerles un trabajo adicional. Para estos compradores, mostrar las variaciones de productos como productos individuales en la página de la tienda debería ser suficiente.
Si quieres hacerlo automáticamente, WooCommerce Mostrar Variaciones Individuales puede ayudarte.
La función del complemento es muy sencilla: mostrar variaciones individuales como productos. Para facilitar la navegación, se añade una etiqueta "Variación" a las variaciones para distinguirlas de otros tipos de productos.
Como características adicionales, los usuarios del front-end pueden filtrar los productos con la función de búsqueda precisa para mostrar sólo las variaciones más relevantes. Del mismo modo, la posibilidad de añadir productos directamente al carrito mejora aún más la experiencia del cliente.
7. Variaciones masivas de WooCommerce
Por último, pero no menos importante es el plugin WooCommerce Bulk Variations. Funciona como cualquier plugin de tabla de productos. Sin embargo, añade aún más sabor a la forma de mostrar las variaciones del producto. La herramienta le permite presentar dos atributos y sus valores en filas y columnas simultáneamente. El comprador puede entonces introducir la cantidad de artículos para las variaciones particulares que desee.
Una vez hecha la selección, basta con pulsar el botón Añadir a la cesta y seguir comprando. Si tiene una tienda mayorista de WooCommerce, sus compradores encontrarán este plugin especialmente útil. Desafortunadamente, si las variaciones de tus productos dependen de tres o más atributos, el plugin puede no ser ideal.
Preguntas frecuentes 2024
Es hora de crear su primer producto variable
Ya no es noticia que WooCommerce es tu mejor opción para crear una potente tienda de comercio electrónico en WordPress. Una de las muchas funcionalidades que aporta a tu tienda es la posibilidad de ofrecer a tus compradores diferentes variaciones de los mismos productos.
Si te quedas atascado intentando configurar tu primera variación de WooCommerce, sigue estos sencillos pasos y listo:
- Añada atributos globales a su tienda.
- Añada un nuevo producto y seleccione el tipo de producto.
- Asignar atributos variables al producto.
- Muestra las variaciones de WooCommerce en tu tienda.
Una vez que sus variaciones estén listas, puede utilizar algunos plugins interesantes como Variation Swatches para WooCommerce por CartFlows para ofrecer aún más a los visitantes de su sitio web. Estos plugins aportan diferentes funciones que ayudan a mejorar la experiencia general del cliente.
Ahora ya sabes cómo añadir variaciones a tu tienda, esperamos que esto te ayude a acercarte a tus objetivos de conversión. ¿Quieres saber más sobre otros tipos de productos que admite WooCommerce? Echa un vistazo a nuestro artículo sobre cómo añadir y gestionar productos en WooCommerce.
Si tiene otras preguntas, ¡compártalas en la sección de comentarios!
Divulgación: Este blog puede contener enlaces de afiliados. Si realiza una compra a través de uno de estos enlaces, es posible que recibamos una pequeña comisión. Leer información. Tenga la seguridad de que sólo recomendamos productos que hemos utilizado personalmente y que creemos que aportarán valor a nuestros lectores. Gracias por su apoyo.
Hola, estoy buscando una funcionalidad para introducir más campos en la información adicional (características de los productos) de un producto variable. Al igual que anchura, peso y dimensiones, ¿se podrían crear otros campos como varitation featured, por ejemplo: power, que cambien dependiendo de la variación de producto que se elija.
Por ejemplo:
Cafetera C100 - Varition 2 Tazas - dimensión: 20x30x60 - potencia: 4500W
Coffe machina C100 - Variación 3Cups - dimensión: 30x60x60 - potencia: 5300W
En este caso, las dimensiones y el campo de potencia son variables y característicos de la máquina; no se trata de una variación del producto.
¿Conoces algún plugin o cómo puedo hacer esta configuración?
Gracias, saludos.
Estoy usando el tema Astra con Woocommerce. Todo está actualizado. He intentado añadir un producto variable usando color como atributo con 6 variaciones de color. He seguido los tutoriales y documentos al pie de la letra sin embargo no está funcionando correctamente en mi página de la tienda. La página de la tienda muestra el producto con un botón "seleccionar opciones". Al pulsar el botón Seleccionar opciones, se abre el producto que tiene un botón "Añadir a la cesta" pero las variaciones no se pueden seleccionar. Son visibles en el cuadro de descripción del producto, pero no seleccionables. No consigo que esto funcione. ¿Alguna idea para solucionarlo?
Estoy tratando de usar uno de los plugins que se enumeran en esta página - 6. WooCommerce Show Single Variations - pero no es compatible con el tema Astra, en particular la navegación de paginación. WooCommerce Show Single Variations - pero no es compatible con el tema Astra, en particular la navegación de paginación. Se mostrará la lista completa de páginas, pero esencialmente sólo le permite paginar el número de páginas que habría si no se muestran las variaciones como productos. En mi caso tengo 16 páginas cuando se muestran las variaciones como productos, pero la paginación sólo permite 2. Si desactivo el plugin, la paginación muestra las 2 páginas, pero obviamente pierdo todas las variaciones. ¿Se puede hacer algo para que esto sea compatible?