Los atributos y variantes son características que definen a tus productos, como el color, el tamaño, el material, etc. Puedes crear diferentes combinaciones de atributos y variantes para ofrecer a tus clientes más opciones de personalización. Por ejemplo, si vendes camisetas, puedes crear un atributo llamado “Color” y asignarle las variantes “Rojo”, “Azul” y “Verde”.

Si usas atributos, tus clientes pueden elegir las propiedades de tus productos que mejor se ajusten a sus necesidades.

¿Cómo configurar atributos y variantes de productos?

Para configurar atributos en tus productos, te sugerimos seguir estos pasos:

1. Ingresar a Catálogo > Productos > Lista de productos dentro del administrador de tu tienda.
2. Ingresar al producto al que quieras asignarle variantes o carga un nuevo producto
3. Ir a la sección "Atributos" y hacer clic en "Añadir atributo".
4. Elegir la propiedad o tipo de variante que querés crear: puede ser color, talle o una nueva, incluso puedes combinar más de una variantes, por ejemplo si deseas utilizar talles y colores en un mismo producto.
5. Luego registrar las diferentes variantes que tiene tu producto para el atributo elegido. 
6. Una vez que agregues tus variantes, vas a ver una lista de "Atributos". Desde allí, puedes especificar:

• Nombre de la variante con su complemento en caso que este asociada a mas de una variante, por ejemplo "Color Rojo - Talle L"
• precio de costo
• Precio de venta
• Stock
• Codigo/SKU
• Oferta (si o no)
• Precio de oferta
• Imagen de la variante

Ya tenés tus variantes creadas y las vas a ver reflejadas en tu producto.

Configurar visualización de atributos y variantes

En Nextiendas, puedes configurar cómo se visualizan los atributos y variantes dentro de la ficha de cada producto. Para ello, debes seguir estos pasos:

• Accede a tu Panel de Administración de Nextiendas y haz clic en Configuración > Editar sitio > Mi perfil > Catálogo.

• En la sección Formato de visualización de atributos y variantes, elige una de las dos opciones disponibles:

  • Variantes con botones: las variantes de tus productos se visualizarán con botones. Esta opción es ideal si manejas pequeñas cantidades de variantes dentro de cada atributo. Por ejemplo, si tienes tres colores disponibles para tus camisetas, tus clientes podrán ver y seleccionar fácilmente el color que prefieran con un solo clic.
  • Variante con selector desplegable: todas las variantes se visualizarán dentro de un selector desplegable. Esta opción es ideal si tienes una gran cantidad de variantes o si quieres ahorrar espacio en la ficha de tu producto. Por ejemplo, si tienes muchos tamaños disponibles para tus camisetas, tus clientes podrán ver y seleccionar el tamaño que quieran desde un menú desplegable.

Guarda los cambios y revisa cómo se ven tus productos en tu sitio web.

Atributos de color visual con diccionario de color

Al añadir un atributo, si seleccionas el atributo llamado "Color", las variantes de tus productos se visualizarán con el color visual del nombre que asignes al atributo. Nextiendas cuenta con su propio diccionario de color, lo que te permitirá colocar el nombre del color y, si existe en el diccionario, se aplicará el color hexadecimal correspondiente. En caso de que no exista, podrás colocar el color que desees o, si prefieres, modificar el color por defecto también.

Para modificar o agregar el color visual, deberás hacer clic en el nombre del color que asignaste, por ejemplo, "Rojo". Debajo del mismo visualizarás un "pick color" que te permitirá asignar el color de tu preferencia. Puedes cargar de uno hasta cuatro colores en una misma variante, con la cantidad de atributos que desees, lo cual es ideal si el color de tu producto es combinado, por ejemplo.

El diccionario de color en Nextiendas es un sistema que interpreta el nombre de tu color y permite mostrar a tus clientes el color visual en vez de solo un nombre. Igualmente, cada vez que un usuario posa el mouse sobre uno de los colores, visualizará un tooltip con su correspondiente nombre también.

En caso de que desees cargar un atributo de color en donde solo se muestre el nombre sin su color asignado, también podrás hacerlo creando un nuevo atributo con el nombre que desees, por ejemplo, "Colores".

Incluir atributos como filtros en tu sitio web

También puedes incluir estos atributos como filtros dentro de tu sitio web, para que tus clientes puedan filtrar por variantes. En caso de que asignes el atributo "Color", se mostrarán los colores visuales. Esto es ideal para facilitar la búsqueda a tus clientes.

Para configurar los filtros, sigue los pasos del tutorial: Filtros de productos avanzados.

Variantes de productos con imágenes

Cuando ingreses una variante de producto, tendrás la posibilidad de asignar una imagen específica a esa variante.

¿Cómo funciona?

Cuando un cliente ingrese a la ficha de un producto y haga clic en una de las variantes, la imagen de la variante se mostrará en el espacio de la foto principal del producto. Esto permite que los clientes vean la imagen correspondiente a la variante seleccionada.

Beneficios de esta funcionalidad

• Visualización personalizada: Los clientes verán directamente la imagen asociada a la variante seleccionada, lo que les proporciona una experiencia de compra más clara y precisa.
• Mejora la experiencia de compra: Si vendes productos con varias variantes, como diferentes colores o modelos, esta funcionalidad asegura que los clientes puedan ver visualmente la opción que han elegido.
• Carrito con imagen de variante: Si un cliente agrega un producto al carrito, pedido o cotización con una variante asociada a una imagen, la compra, pedido o cotización se procesará con la imagen de la variante.