Shopify App Store

What are You Looking for?

Variantes comme produits séparés sur collections

Page collection vêtements avec nuanciers

Vous vendez une robe disponible en 6 couleurs. Sur votre page collection, Shopify affiche une seule carte pour ce produit. Le client voit la photo de la première couleur. Il ne sait pas que 5 autres couleurs existent sans cliquer sur le produit. Si la première couleur ne lui plaît pas, il passe au produit suivant.

Sur la page collection d’une grande marque de mode, chaque couleur a sa propre carte produit. Rouge, bleu, noir, crème. Le client voit toutes les options sans quitter la grille. Un clic sur la carte rouge mène directement à la page du produit rouge.

Voici comment reproduire ce résultat sur Shopify.

Dans cet article

Le problème : une carte par produit

Shopify affiche les collections en grille. Chaque produit occupe une carte. Si votre robe a 6 variantes de couleur, elle apparaît sur une seule carte avec l’image de la variante par défaut.

Les conséquences sont directes.

  • Visibilité réduite. 5 couleurs sont invisibles sur la page collection. Le client ne les découvre que s’il clique sur le produit.
  • Image trompeuse. La carte montre la couleur par défaut. Si le client cherche du rouge et voit du bleu, il ne clique pas.
  • Filtres défaillants. Le client filtre par “Rouge” dans la collection. Shopify affiche le produit parce qu’il a une variante rouge. Mais la carte montre l’image bleue. Le filtre fonctionne techniquement, l’affichage non.
  • Moins de surface visuelle. Votre concurrent qui montre 6 cartes pour 6 couleurs occupe 6 fois plus d’espace dans la grille. Son catalogue paraît plus étoffé.

La solution : produits séparés + combined listings

L’approche est en deux étapes. D’abord, chaque couleur devient un produit séparé dans Shopify. Ensuite, ces produits sont connectés avec des nuanciers via une application de combined listings.

Résultat sur la page collection : chaque couleur a sa propre carte produit. Rouge, bleu, noir, crème. Chaque carte montre l’image de la bonne couleur. Chaque carte mène à la bonne page produit.

Résultat sur la page produit : des nuanciers connectent toutes les couleurs. Le client sur la page “Robe Rouge” voit des pastilles pour les autres couleurs. Un clic mène à la page correspondante.

La fonction native de Shopify Combined Listings nécessite un plan Plus (à partir de 2 300 $/mois). Rubik Combined Listings fait la même chose sur tous les plans, y compris Basic.

Nuanciers sur les cartes produit

C’est la fonctionnalité la plus demandée pour les pages collection. La version native de Shopify ne la propose pas. Rubik affiche des nuanciers directement sur chaque carte produit dans la grille.

Chaque carte montre les pastilles de couleur des autres produits du groupe. Le client voit d’un coup d’oeil que la robe existe en rouge, bleu, noir et crème. Pas besoin de cliquer sur le produit pour le savoir.

8 presets de mise en page pour les pages collection. L’application fonctionne avec plus de 350 thèmes et 7 page builders (GemPages, PageFly, EComposer, Instant, Beae, Foxify, Replo).

Changement d’image au survol

Quand le client survole un nuancier sur la carte produit, l’image de la carte change en temps réel. Survol du nuancier rouge : l’image montre la robe rouge. Survol du nuancier bleu : l’image bascule sur la robe bleue. Sans clic, sans rechargement de page.

C’est un comportement que les clients connaissent des grandes boutiques en ligne. Ça réduit les clics inutiles et accélère la navigation dans le catalogue.

Filtres de collection

C’est l’un des problèmes les plus frustrants avec les variantes Shopify classiques. Le client filtre par “Bleu” dans la collection. Shopify affiche tous les produits qui ont une variante bleue. Mais la carte produit montre l’image par défaut, qui est souvent une autre couleur.

Avec des produits séparés par couleur, ce problème disparaît. Le filtre “Bleu” affiche uniquement les produits bleus. La carte montre une image bleue. Le lien mène à la page du produit bleu. Les filtres fonctionnent comme le client s’y attend.

C’est un avantage structurel des combined listings par rapport aux variantes. Les filtres de collection Shopify fonctionnent au niveau du produit. Si chaque couleur est un produit, le filtrage est natif et fiable.

Impact SEO

Afficher les variantes comme produits séparés sur les pages collection apporte aussi des bénéfices SEO.

  • URL distincte par couleur. “Robe rouge longue” et “Robe noire longue” ont chacune leur page indexable.
  • Title tag ciblé. Chaque produit cible son propre mot-clé de couleur.
  • Google Shopping. Chaque produit apparaît dans le flux avec la bonne image et le bon titre. Un client qui cherche “robe rouge” voit une image rouge dans les résultats Shopping.
  • IA Shopping. Les assistants IA peuvent recommander une couleur spécifique parce qu’elle a sa propre page avec ses propres données.
  • Plus de pages indexées. 6 couleurs = 6 pages indexées au lieu d’une seule.

Pour approfondir : Combined Listings et SEO : comment ça fonctionne.

Configuration

Avec Rubik Combined Listings, la mise en place se fait en quelques étapes.

  1. Créez un produit séparé par couleur. Chaque produit a son propre titre (“Robe Rouge”, “Robe Bleue”), ses propres images et son propre prix.
  2. Installez Rubik Combined Listings et activez l’app embed.
  3. Groupez les produits. Manuellement ou en masse par correspondance de titres.
  4. Activez les nuanciers collection. Dans les réglages, activez “Product card swatches” et choisissez un preset.

Les nuanciers apparaissent sur les pages produit et sur les cartes produit dans les collections. Basé sur les métaobjects, aucun appel API externe. Le plan gratuit inclut 5 groupes avec toutes les fonctionnalités.

Vidéo

Les nuanciers collection en action sur une boutique Shopify :

Essayer Rubik Combined Listings gratuitement

Questions fréquentes

La fonction native Shopify propose-t-elle des nuanciers collection ?

Non. La fonction native Combined Listings de Shopify (réservée à Plus) affiche des nuanciers uniquement sur la page produit. Pas sur les cartes dans les pages collection.

Dois-je dupliquer mes produits ?

Si vos couleurs sont actuellement des variantes d’un seul produit, oui, vous devez les séparer en produits distincts. Chaque couleur devient son propre produit avec ses propres images et son propre titre. C’est ce qui permet à chaque couleur d’avoir sa propre carte dans la collection.

Les filtres de collection fonctionnent-ils correctement ?

Oui. Avec des produits séparés, le filtre “Bleu” affiche uniquement les produits bleus. La carte montre l’image bleue. C’est un avantage majeur par rapport aux variantes classiques, où le filtre affiche le bon produit mais avec la mauvaise image.

L’image change-t-elle au survol des nuanciers ?

Oui. Quand le client survole un nuancier sur la carte produit, l’image de la carte se met à jour en temps réel pour montrer la couleur correspondante. Aucun clic nécessaire.

Combien de thèmes sont compatibles ?

Plus de 350 thèmes et 7 page builders. Tous les thèmes gratuits Shopify (Dawn, Horizon, Sense, Craft, Refresh) et la plupart des thèmes premium (Prestige, Impulse, Impact, Focal, Warehouse, Minimog).

À lire aussi

Byumid
Updated

Read Next