Tienes una colección de zapatillas. Cada modelo existe en 6 colores y cada color es un producto separado. Cuando el cliente abre la colección, ve 6 entradas para el mismo modelo. Seis veces la misma zapatilla, solo que en distintos colores. Eso satura la página y dificulta la navegación.
Lo ideal: mostrar cada modelo una vez, con swatches de color que permitan previsualizar los otros colores sin salir de la colección. El cliente ve la zapatilla Runner, debajo unos puntos de color. Pasa el ratón sobre el azul y la imagen cambia. Hace clic y va a la página del producto azul.
Esto es exactamente lo que hacen los swatches de colección de Rubik Combined Listings.
En este artículo
- El problema de los productos duplicados en la colección
- Cómo funcionan los swatches en la colección
- Los 8 presets de diseño
- Nativo de Shopify vs Rubik
- Configuración paso a paso
- Impacto en las conversiones
- Preguntas frecuentes
- Lectura relacionada
El problema de los productos duplicados en la colección
Cuando cada color es un producto separado, la colección se llena de repeticiones. Si vendes 20 modelos en 5 colores, la colección muestra 100 productos. El cliente tiene que desplazarse por páginas enteras de variaciones del mismo artículo para encontrar algo diferente.
Algunos merchants intentan resolverlo creando colecciones filtradas o ocultando manualmente ciertos productos. Pero eso genera problemas: productos que no aparecen en las búsquedas del sitio, URLs huérfanas y una gestión manual que consume tiempo.
La solución limpia es mantener todos los productos visibles pero agruparlos visualmente con swatches. Cada modelo se muestra una vez en la colección, con puntos de color debajo que representan las opciones disponibles.
Cómo funcionan los swatches en la colección
Rubik Combined Listings añade swatches a las tarjetas de producto en las páginas de colección. El funcionamiento es sencillo:
- Los productos agrupados muestran swatches de color debajo de la imagen
- Al pasar el ratón sobre un swatch, la imagen de la tarjeta cambia a la del producto correspondiente
- Al hacer clic, el cliente navega directamente a la página del producto seleccionado
- Los swatches pueden ser colores sólidos, imágenes o miniaturas del producto
Esto funciona de forma independiente a la página de producto. Los swatches de la colección se activan por separado en la configuración de la app.
Los 8 presets de diseño
Rubik ofrece 8 presets diferentes para los swatches en la colección. Cada preset define la posición, el tamaño y el estilo de los selectores de color dentro de la tarjeta de producto:
- Círculos pequeños debajo de la imagen
- Círculos sobre la imagen (superposición)
- Cuadrados compactos
- Cápsulas con el nombre del color
- Miniaturas del producto
Puedes personalizar cada preset con ajustes adicionales: borde, sombra, espaciado, comportamiento en hover y número máximo de swatches visibles (con indicador “+3” para los restantes).
Nativo de Shopify vs Rubik
La función nativa de Combined Listings de Shopify (que requiere Plus) no ofrece swatches en las páginas de colección. Solo muestra selectores en la página de producto. Si usas la función nativa, cada color aparece como un producto separado en la colección sin ningún agrupamiento visual.
Rubik Combined Listings resuelve esto en cualquier plan de Shopify. Los swatches de colección son una de las funciones que diferencian a Rubik de la función nativa de Shopify Plus.
Configuración paso a paso
- Agrupa los productos. Si aún no lo has hecho, crea los grupos de forma manual o masiva.
- Activa swatches en la colección. En la configuración de la app, ve a la sección de collection swatches y actívalos.
- Selecciona el tipo de tema. Cada tema Shopify usa una estructura diferente para las tarjetas de producto. La app detecta el tema automáticamente en la mayoría de casos.
- Elige un preset. Selecciona uno de los 8 presets de diseño y ajústalo a tu gusto.
- Prueba en tu colección. Abre una colección que contenga productos agrupados y verifica que los swatches aparecen correctamente.
Impacto en las conversiones
Los swatches en la colección reducen la fricción de compra. El cliente puede explorar colores sin entrar y salir de cada página de producto. Esto tiene dos efectos directos:
- Más descubrimiento de producto. Colores que el cliente no habría visto se muestran directamente en la colección.
- Menos rebote. El cliente no necesita volver a la colección para ver otro color. Cambia desde la misma tarjeta.
Para tiendas de moda, calzado, accesorios o decoración donde el color es un factor de decisión clave, los swatches en la colección marcan la diferencia en la experiencia de compra.
Si además de conectar productos separados necesitas filtrar las imágenes por variante dentro de la página de producto (mostrar solo las fotos relevantes al seleccionar una talla, por ejemplo), Rubik Variant Images se encarga de eso.
Preguntas frecuentes
¿Los swatches en la colección funcionan con todos los temas?
Sí. La app funciona con todos los temas de Shopify 2.0. Algunos temas necesitan seleccionar manualmente el tipo de tema en los ajustes de la app.
¿Puedo ocultar productos duplicados de la colección?
La app no oculta productos de la colección. Todos los productos siguen visibles para mantener las URLs indexadas. Los swatches simplemente añaden la conexión visual entre ellos.
¿Afecta a la velocidad de carga?
No de forma perceptible. Los swatches se cargan de forma asíncrona y no bloquean el renderizado de la página de colección.
¿Puedo limitar el número de swatches visibles?
Sí. Puedes configurar un número máximo de swatches visibles y el resto se indica con un “+3” o similar.
¿La imagen de la tarjeta cambia al pasar el ratón sobre un swatch?
Sí. Al hacer hover sobre un swatch de color, la imagen principal de la tarjeta de producto se actualiza para mostrar la imagen del producto correspondiente.
¿Necesito Shopify Plus?
No. Rubik Combined Listings funciona en cualquier plan de Shopify. La función nativa de Shopify sí requiere Plus, y además no ofrece swatches en la colección.
¿Cuánto cuesta?
Free: $0/mes (5 grupos). Starter: $10/mes (100 grupos). Advanced: $30/mes (500 grupos). Premium: $50/mes (5,000 grupos).
