Configurateur produit sur Shopify : vendre du personnalisé

Un prénom gravé, une composition de breloques, un coffret à remplir soi-même : un produit personnalisable se vend mal avec une fiche produit classique. Shopify offre plusieurs mécanismes natifs pour le gérer, chacun avec ses limites, et au-delà il faut un configurateur. Ce guide explique comment choisir, comment gérer le stock de chaque composant, et ce que nous en avons appris en développant ceux de Mayalice.

L'essentiel

• Shopify gère nativement jusqu'à trois options et 2 048 variantes par produit, ce qui suffit quand chaque combinaison est un article stocké.

• Au-delà, ou pour du texte libre, on passe par les propriétés de ligne : des informations attachées à l'article dans le panier, sans effet sur le prix.

• Pour décompter le stock de chaque composant, il faut que la commande contienne les composants, comme le permettent les bundles et la fonction Cart Transform.

• Un bon configurateur montre le résultat avant l'achat, valide les saisies et transmet à l'atelier tout ce qu'il faut pour fabriquer sans relancer la cliente.

• Les biens nettement personnalisés échappent au droit de rétractation, à condition de bien les présenter.

Résumer avec ChatGPT Claude Perplexity

Ce que Shopify sait faire nativement

Options et variantes

Une variante Shopify est une combinaison de valeurs d'options, avec son prix, sa référence et son stock. Shopify permet de créer jusqu'à 2 048 variantes par produit et jusqu'à trois options, une limite portée de 100 à 2 048 variantes pour tous les marchands le 15 octobre 2025.

C'est la bonne réponse quand chaque combinaison est un article réel, fabriqué à l'avance et stocké : un pull en cinq tailles et quatre couleurs, par exemple. C'est une mauvaise réponse quand la combinaison n'existe qu'au moment de la commande : un collier avec un prénom au choix et trois breloques parmi quarante ne tient pas en variantes, et n'aurait aucun sens à stocker.

Les propriétés de ligne

Shopify le dit dans sa propre documentation : pour aller au-delà de 2 048 variantes ou de trois options, on peut utiliser une app ou adapter le code du thème pour recueillir des propriétés de ligne. Ce sont des informations attachées à un article du panier, saisies par la cliente dans le formulaire produit. Côté thème, chaque champ porte un nom de la forme properties[Prénom], et la valeur suit l'article jusqu'à la commande (documentation Liquid). On peut aussi les envoyer par l'API Ajax du panier. Un nom qui commence par un tiret bas, comme properties[_apercu], est masqué à la cliente au moment du paiement : pratique pour transmettre une donnée technique à l'atelier.

Les propriétés de ligne ont deux limites qu'il faut connaître avant de concevoir quoi que ce soit. Elles ne changent pas le prix : le prix de la ligne reste celui de la variante. Et elles ne décomptent aucun stock : écrire « breloque lune » dans une propriété ne retire pas une breloque lune de l'inventaire.

Les bundles

Pour vendre plusieurs articles ensemble, Shopify propose l'app Shopify Bundles, qui gère les lots fixes (un ensemble prédéfini de produits) et les multipacks. Pour des lots composés par la cliente, Shopify oriente les développeurs vers les bundles personnalisés, construits avec la fonction Cart Transform. Elle peut éclater une ligne du panier en plusieurs composants, fusionner plusieurs lignes en un seul lot, ou modifier le prix, le titre et l'image d'une ligne. Ce dernier type d'opération est réservé aux boutiques Shopify Plus et aux boutiques de développement.

Le point décisif est côté commande : Shopify indique que les lignes d'une commande de bundle renvoient les composants, avec une référence au lot parent. C'est ce qui permet de suivre le stock et la préparation composant par composant.

Quand passer à un configurateur

Les mécanismes natifs suffisent tant que le produit se choisit dans une liste. Un configurateur devient utile quand l'un de ces signaux apparaît :

• les combinaisons explosent : prénoms, initiales, assemblages de pièces, où le nombre de résultats possibles dépasse de loin ce qu'on peut créer en variantes ;

• les composants sont partagés : la même perle sert sur un bracelet, un collier et une boucle d'oreille, et son stock doit être le même partout ;

• la cliente doit voir avant d'acheter : sans aperçu, elle hésite, ou elle commande puis écrit pour vérifier ;

• les commandes se traitent à la main : l'atelier reçoit les détails par e-mail, vérifie chaque composant et rappelle la cliente en cas de doute.

Ce dernier signal est souvent le plus coûteux, et c'est celui qui a déclenché le projet Mayalice.

Les trois briques d'un configurateur

Le modèle de données

Avant l'interface, il faut décrire le produit. Quels sont les composants, lesquels ont un stock, lesquels sont compatibles entre eux, combien en faut-il au minimum et au maximum, quels caractères peut-on graver et sur quelle longueur ? Dans Shopify, les composants stockés sont des produits ou des variantes à part entière, avec leur inventaire. Les règles de composition peuvent vivre dans des champs personnalisés ou des métaobjets, modifiables depuis l'admin sans toucher au code.

Ce travail de modélisation conditionne tout le reste. Un modèle mal posé produit un configurateur qu'on ne peut pas faire évoluer sans tout reprendre.

L'interface et l'aperçu en direct

La cliente compose par étapes, et chaque choix se voit immédiatement. Sur un bijou, l'aperçu superpose généralement des visuels de chaque composant, préparés au même cadrage et à la même lumière. Quelques règles évitent la plupart des échecs :

• une étape à la fois sur mobile, avec un récapitulatif toujours visible du prix et des choix ;

• des contraintes affichées avant l'erreur : nombre de caractères restants, composants épuisés grisés avec leur nom ;

• un aperçu qui réagit tout de suite, sans attendre une requête au serveur, ce qui suppose de précharger les visuels et de garder le code léger. Un configurateur lent dégrade la mesure de réactivité INP de toute la page ;

• un configurateur utilisable au clavier et au lecteur d'écran : chaque choix est un vrai champ de formulaire avec son étiquette, et l'aperçu a une description textuelle.

Le panier, la commande et l'atelier

Au moment de l'ajout, le configurateur traduit la composition en lignes de panier. Le texte libre passe en propriétés de ligne. Les composants stockés passent en articles, regroupés en lot. Les informations utiles à l'atelier mais pas à la cliente, comme l'identifiant de la composition ou l'adresse de l'image d'aperçu, passent en propriétés masquées. L'objectif est simple : la personne qui fabrique doit trouver dans la commande tout ce qu'il faut, sans ouvrir sa boîte mail.

Le stock par composant

C'est la question technique la plus sous-estimée. Si le bijou fini est une variante avec son propre stock, et que ses composants ont aussi le leur, les deux compteurs divergent à la première vente. Il faut donc que chaque vente décompte les composants réellement utilisés. Trois approches existent.

Le choix dépend du volume, du nombre de composants partagés et de la façon dont l'équipe prépare les commandes. Dans tous les cas, testez les cas limites avant la mise en ligne : composant épuisé pendant que la cliente compose, commande annulée, remboursement partiel, retour d'un seul élément.

L'exemple Mayalice

Mayalice crée des bijoux personnalisés en acier inoxydable : colliers prénom, bolas de grossesse, bracelets, breloques à l'unité. Avant le projet, la boutique reposait sur des fiches produits classiques. Chaque commande se gérait à la main : les détails arrivaient par e-mail, l'équipe vérifiait chaque composant, puis montait le bijou.

Le cahier des charges tenait en trois exigences : permettre de composer son bijou avec un aperçu en direct, décrémenter le stock de chaque composant utilisé, et garder le paiement et la livraison natifs de Shopify. Nous avons refondu le thème et développé six configurateurs : colliers prénom, bracelets, bolas, colliers fête des mères, colliers perle et breloques à l'unité. L'aperçu se met à jour en temps réel, les stocks sont unifiés entre le bijou fini et ses composants, et la photo de la composition finale est jointe à chaque commande.

Le résultat est surtout opérationnel : les commandes personnalisées sont traitées sans intervention manuelle, et le stock de chaque composant suit les ventes sans maintenance. C'est souvent le vrai gain d'un configurateur, avant même l'effet sur les ventes.

Les erreurs fréquentes

Créer des milliers de variantes pour éviter le développement

Le plafond de 2 048 variantes donne l'illusion qu'on peut tout y mettre. Une fiche à mille variantes est pénible à administrer, lourde à charger, et ne résout pas le partage de composants entre produits.

Calculer le prix uniquement dans le navigateur

Une propriété de ligne ne modifie pas le prix. Un configurateur qui affiche un prix calculé en JavaScript mais ajoute au panier une variante à un autre prix crée des écarts, et des litiges. Le prix doit découler des articles ajoutés, ou d'une opération de la fonction Cart Transform, réservée à Shopify Plus quand elle modifie le prix.

Passer par une iframe d'app pour tout le produit

Certaines apps affichent le configurateur dans un cadre chargé depuis leurs serveurs. C'est rapide à installer, mais le contenu échappe en partie au thème : apparence difficile à aligner sur la marque, performance et accessibilité que vous ne maîtrisez pas.

Oublier l'après-vente

Les biens confectionnés selon les spécifications de la cliente ou nettement personnalisés font partie des exceptions au droit de rétractation. Encore faut-il le dire clairement, sur la fiche et dans les conditions générales, et distinguer ce qui est vraiment personnalisé (une gravure) de ce qui ne l'est pas (une chaîne standard vendue avec). La règle de rétractation qui s'applique à chaque produit doit être lisible avant l'achat.

Ne pas valider la composition

Avant l'ajout au panier, montrez un récapitulatif avec l'aperçu, le texte exact, les composants et le prix. Pour une gravure, une case à cocher « J'ai vérifié l'orthographe » oblige à relire avant de valider. Ce sont des détails d'interface, mais ils décident de la charge de votre service client.

Ce qu'il faut préparer avant de lancer le projet

Un configurateur se chiffre et se réussit sur la qualité du cadrage. Préparez la liste des composants avec leurs contraintes, les règles de compatibilité, les visuels de chaque pièce au même cadrage, la façon dont l'atelier prépare une commande aujourd'hui, et les cas limites que vous connaissez déjà. Notre méthode pour rédiger un cahier des charges e-commerce vous aidera à structurer ces informations.

Questions fréquentes

Faut-il une app ou un développement sur-mesure ?

Une app de personnalisation convient quand le besoin est courant : un champ de texte, un choix de police, une image importée. Un développement sur-mesure se justifie quand la composition suit des règles propres à la marque, que le stock doit être suivi par composant ou que l'aperçu doit être fidèle au produit réel. Le bon critère est la place du configurateur dans la vente : plus il est central, plus il gagne à être maîtrisé.

Peut-on dépasser trois options sur Shopify ?

Pas avec les options natives : un produit Shopify a au plus trois options et 2 048 variantes. Shopify indique lui-même deux voies pour aller au-delà : une app tierce, ou une adaptation du thème qui recueille les choix supplémentaires en propriétés de ligne. Dans ce second cas, les choix supplémentaires n'ont ni prix ni stock propres, sauf à les modéliser comme des composants.

Le stock des composants se met-il à jour automatiquement ?

Seulement si la commande contient les composants comme articles. C'est le cas quand on les ajoute en lignes séparées ou quand on passe par un bundle, dont les lignes de commande renvoient les composants. Une composition décrite uniquement en propriétés de ligne ne décompte aucun stock.

Un produit personnalisé peut-il être retourné ?

Le droit de rétractation de 14 jours ne s'applique pas aux biens confectionnés selon les spécifications du consommateur ou nettement personnalisés. Cette exception doit être annoncée clairement avant l'achat. Elle ne couvre pas les défauts de fabrication, qui restent soumis aux garanties légales.

Un configurateur nuit-il au référencement ?

Pas s'il est intégré au thème et que la fiche produit garde un contenu lisible : titre, description, photos du produit fini, informations sur les matières. Le risque vient des configurateurs qui remplacent tout le contenu de la page par un module chargé en JavaScript ou dans une iframe. La fiche doit rester une vraie page, avec le configurateur en plus, et se travailler comme toute fiche produit optimisée pour le référencement.

Pour aller plus loin

Un configurateur touche au thème, au catalogue, au stock et à la préparation des commandes : il se conçoit avec l'équipe qui fabrique. C'est le type de projet que nous menons lors d'une création ou d'une refonte de boutique Shopify. Pour en parler à partir de vos produits, écrivez-nous.