Cómo mostrar muestras de color en las páginas de colección de Shopify

Las páginas de colección de Shopify son limpias y rápidas. Cada producto tiene una tarjeta con una imagen, un título y un precio. Para la mayoría de las tiendas, eso es todo lo que necesita. Los clientes navegan por la cuadrícula, hacen clic en lo que les interesa y ven la página completa del producto con todos los detalles.

Pero si vende productos en varios colores o estilos, hay un momento en el que le gustaría que los clientes pudieran ver esas opciones desde la propia cuadrícula de la colección. Una zapatilla en seis colores. Un bolso en tres materiales. Una vela en una docena de aromas. La página del producto tiene todas las variantes, pero la tarjeta de la colección solo muestra una. Los clientes a los que les encantaría la versión roja podrían no hacer clic porque todo lo que ven es la azul. Los clientes navegan por las páginas de colección de la misma manera que navegan por una estantería en una tienda. Escanean visualmente, buscando algo que les llame la atención. Si todo lo que ven es un color repetido en la cuadrícula, no saben qué más ofrece y no hacen clic para averiguarlo.

Shopify ha estado ampliando el soporte de temas para este tipo de visualización a través de bloques, y los temas más nuevos como Horizon están comenzando a admitir un contenido más rico en las páginas de colección. La adición de muestras de variantes a esa cuadrícula es donde una aplicación puede ayudar.

Cómo los comerciantes han manejado esto

Hay dos enfoques comunes, y ambos funcionan dependiendo de su situación.

Productos separados por color. En lugar de un producto con seis variantes de color, crea seis productos individuales, uno por color. Cada uno aparece como su propia tarjeta en la cuadrícula de la colección con su propia imagen. El cliente ve los seis colores de un vistazo. Esto funciona bien y muchas tiendas lo usan. La desventaja es la gestión: seis productos significan seis conjuntos de descripciones, seis entradas de SEO, seis registros de inventario. Y en la página del producto, no hay una conexión visual incorporada entre ellos. El cliente que mira la versión azul no sabe que existe la roja a menos que agregue muestras o enlaces.

Un producto con variantes. Mantiene las cosas limpias en su administración. Un producto, una descripción, una URL. En la página de la colección, el cliente ve la imagen que Shopify muestra por defecto. Todos los demás colores están disponibles en la página del producto a través del selector de variantes. Esto es fácil de administrar y funciona muy bien para productos donde los clientes suelen llegar a la página del producto desde la búsqueda o los anuncios en lugar de navegar por la cuadrícula de la colección.

La mayoría de los comerciantes terminan queriendo algo intermedio: productos separados que conservan sus propias URL, inventario y SEO, pero que se muestran como una única lista conectada con muestras tanto en la página del producto como en la página de la colección.

Cómo Swatches & Listings resuelve esto

Pasilobus Swatches & Listings le permite vincular productos separados de Shopify y mostrarlos como muestras de variantes. Puntos de color, muestras de imágenes, píldoras de texto o desplegables, su elección por lista. El cliente ve una página de producto con muestras que cambian entre los productos vinculados, y cada producto mantiene su propia URL, SEO e inventario en segundo plano.

La gran novedad es la de las muestras en las páginas de colección. En los temas que admiten bloques en las tarjetas de colección (incluido el tema gratuito de Shopify Horizon), la aplicación añade muestras de variantes directamente a la cuadrícula de la colección. Los clientes ven las opciones de color debajo de cada tarjeta de producto. Pase el cursor sobre una muestra y la imagen del producto se actualizará. Haga clic en ella y irá directamente al producto correcto.

Sin código. Puede añadir el bloque de muestras a través del editor de temas de Shopify de la misma manera que añadiría cualquier otra sección.

No tiene que configurar cada listado a mano

Configurar listados combinados uno por uno funciona bien para un catálogo pequeño. Para tiendas con cientos de productos en varios colores, es mucho hacer clic. Configurar cada grupo manualmente, producto por producto, haciendo clic en la administración para cada color de cada artículo.

Swatches & Listings puede agrupar automáticamente sus productos. Hay tres métodos:

Separador de títulos. Si sus productos se llaman "Camiseta de verano - Rojo" y "Camiseta de verano - Azul", la aplicación utiliza el guion para separar el nombre del listado del valor de la opción. Ambos se convierten en parte de un listado llamado "Camiseta de verano".

Prefijo de título común. "Sudadera clásica Carbón" y "Sudadera clásica Azul marino" comparten las dos primeras palabras. La aplicación las agrupa en un listado llamado "Sudadera clásica".

Etiqueta. Si su nomenclatura no es consistente pero puede etiquetar productos que pertenecen juntos, la aplicación agrupa por etiqueta.

Para una tienda con cientos de productos, esto convierte lo que solía ser un día completo de trabajo manual en unos pocos clics. Y cuando agrega un nuevo producto que coincide con el patrón de un grupo existente, se agrega automáticamente a la lista. Agregue "Camiseta de verano - Amarillo" a su catálogo y se unirá al grupo por sí solo.

Gestión masiva con CSV

Para las tiendas que gestionan miles de productos, o para configurar listados en una hoja de cálculo y cargarlos todos a la vez, la aplicación admite la importación y exportación de CSV. Cree sus agrupaciones sin conexión, cargue el CSV y todo estará configurado. También es útil para hacer una copia de seguridad de la configuración de su listado o migrarla entre tiendas.

Insignias de venta y manejo de productos agotados

Las muestras muestran insignias de venta automáticamente cuando un producto vinculado tiene descuento, y los productos agotados se muestran con un visual tachado en la muestra. Los clientes pueden ver de un vistazo qué colores están en oferta y cuáles están agotados, tanto en la página del producto como en la página de la colección, sin tener que hacer clic en cada variante para comprobarlo.

Diferentes estilos para diferentes productos

No todos los grupos de productos funcionan con el mismo formato de muestra. Una marca de ropa podría querer puntos de color para camisetas y muestras de imágenes para chaquetas (donde el patrón del material importa más que solo el color). Una tienda de muebles podría querer desplegables para tipos de madera y muestras de color para opciones de tela.

Puede configurar el estilo de la muestra por lista y establecer diferentes modos de visualización para escritorio y móvil. Una tienda, múltiples estilos de presentación según lo que tenga sentido para cada grupo de productos.

Para quién es esto

Tiendas que venden productos en varios colores o estilos utilizando productos de Shopify separados para cada variación. Comerciantes que han estado queriendo muestras en sus páginas de colección pero no querían contratar a un desarrollador o reconstruir su tema. Cualquiera que haya estado gestionando listados combinados a mano y temiendo cada vez que agregaban un nuevo color a la línea.

Compruebe si su tema admite bloques en las tarjetas de colección (Horizon lo hace, y más temas están añadiendo soporte). Si lo hace, puede tener muestras en su cuadrícula de colección sin escribir ningún código.

Pasilobus Swatches & Listings está en la App Store de Shopify. Instalación gratuita.