Añadir muestras de variación a los productos de WooCommerce con blocksy 2

En el competitivo entorno del comercio electrónico, mejorar la intuitividad y la estética de la exposición de los productos está directamente relacionado con las decisiones de compra de los usuarios.blocksy 2 Lanzamiento del tema Muestras de variaciones Funciones paraWooCommerceLa tienda aporta una nueva forma de mostrar las variantes de los productos. Con opciones visuales enriquecidas, como bloques de color, botones e imágenes, los usuarios pueden seleccionar rápidamente sus combinaciones de productos preferidas y mejorar notablemente la experiencia de compra.

¿Qué son las muestras de variación?

Variation Swatches es una forma de mostrar variantes de productos (por ejemplo, colores, tamaños, materiales) como pequeños iconos visuales o bloques de color en la página, en sustitución de los menús desplegables tradicionales. Este enfoque permite a los compradores completar su selección de forma más intuitiva y rápida.

Los tipos de muestras admitidos son:

• Botón
• Color único o doble (color o doble color)
• Imagen
• Paleta de colores mixtos (color + imagen)

blocksy 2 del sistema de paleta de colores variantes con WooCommerce La funcionalidad nativa de Atributos es perfectamente compatible y fácil de configurar, sin necesidad de plug-ins adicionales.

⚡ Recordatorio: El módulo Muestras de variaciones forma parte de la aplicación bloquesy Pro (utilizado como expresión nominal) Tienda Extra Se requiere suscripción de extensión, profesional o agencia.

¿Cómo puedo activar la paleta de colores de las variantes?

El proceso de habilitación es muy sencillo:

• entrar en WordPress En el backend, haz clic en blocksy→ en el menú de la izquierda. Extensiones.

• localice Tienda Extra active el módulo de ampliación Muestras de variaciones.

Configurar los atributos del producto (Atributos)

Después de habilitar el módulo, debe establecer el tipo de muestra para los atributos del producto:

• Selección entre bastidores ofertas → causalidad.
• Propiedades nuevas o editar las existentes.

• Seleccione el tipo de muestra correspondiente (por ejemplo, Imagen, Color, Botón).

• Después de guardar la configuración. en la entrada Propiedades (Términos):
  • Muestras de imagen: cargue una imagen que represente la variante.
  • Muestras de bloques de colores: seleccione una o dos combinaciones de colores.
  • Se puede configurar la información sobre herramientas para añadir instrucciones de ayuda a la accesibilidad.

De este modo, las opciones de texto tradicionales pueden convertirse fácilmente en vívidos selectores visuales.

Configuración individual de cada producto

Si determinados productos requieren expositores especiales.blocksy 2 También permitido enInterfaz de edición de productos variables individualesen la página Muestras para ajustar los estilos de las muestras individualmente. Solo tienes que buscar la nueva opción de configuración Muestras en la página de edición del producto para personalizar cómo se muestra cada variante.

Optimización del estilo en el Personalizador

Para que la presentación del front-end sea estéticamente agradable, blocksy 2 también ofrece numerosas opciones de personalización:

• entrar en estado exterior → personalización.
• Ubicación:WooCommerce → General → Muestras de variaciones.

• Personalizable:
  • Forma de la placa de color (redonda o cuadrada)
  • Tamaño de la muestra
  • Espaciado de las placas de color
  • Mostrar o no la paleta de colores y el límite de cantidad en la página de listado de productos

Las páginas de productos individuales muestran paletas de colores de variantes por defecto sin necesidad de realizar ninguna acción adicional.

Espectáculo de efectos frontales

Una vez activadas, los usuarios pueden ver selectores de paletas de colores claros e intuitivos en las páginas de listado de productos y en las páginas de detalles de productos individuales. Las paletas de colores no solo mejoran la estética visual, sino que también aceleran las decisiones de compra.

En particular, la compatibilidad con paletas de colores mixtos (Color + Imagen) hace que la visualización de los productos sea más rica y detallada, lo que mejora enormemente la experiencia de compra del usuario.

resúmenes

aprovechar blocksy 2 de la función de paleta de colores variantes.WooCommerce Las tiendas pueden conseguir fácilmente una forma más profesional y visualmente atractiva de mostrar los productos. Ya se trate de colores, imágenes o botones personalizados, blocksy 2 ofrece un sólido soporte para mejorar la experiencia del usuario y las tasas de conversión.

Últimos artículos

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres