Prestashop produit configurable : guide module et configurateur

Publié par Unknown le 31/08/2026 00:01.

Résumer cet article avec :

Ce guide explique pas à pas comment configurer un produit PrestaShop avec des déclinaisons, une personnalisation native ou un configurateur avancé. Consultez aussi le guide d'installation de PrestaShop afin de vérifier les prérequis techniques avant de créer vos premiers produits.

Créer un produit configurable avec PrestaShop

La création d’un produit configurable commence dans sa fiche, depuis l’onglet « Déclinaisons ». PrestaShop y regroupe les variantes d’un même produit : taille, couleur, conditionnement ou autre attribut défini dans le back-office.

Interface écran affichant une grille de choix de tailles (Small à XL) d’un configurateur produit, illustrant le concept de prestashop produit configurable.

Déclinaisons et attributs du produit

Pour gérer correctement la personnalisation d’un produit sur PrestaShop, il faut distinguer les attributs des caractéristiques. Les attributs servent à construire des déclinaisons sélectionnables par le client, tandis que les caractéristiques restent informatives et communes à toutes les variantes.

Groupe d’attributs : créez un groupe comme « Conditionnement » dans « Attributs et groupes », puis ajoutez ses valeurs, 100 g, 300 g et 2 kg, avant de les associer au produit.
Type de rendu côté client : le paramétrage du groupe définit l’affichage dans la boutique : liste déroulante, boutons radio ou sélecteur de couleur et de texture.
Prix et visuels par variante : chaque déclinaison peut avoir son tarif, son image par défaut et ses quantités en stock, indépendamment des autres combinaisons.
Rupture de stock partielle : la rupture de stock d’une variante n’empêche pas la commande des autres déclinaisons disponibles.

La gestion des stocks par déclinaison se règle dans l’onglet « Quantités » pour le niveau global, puis dans « Déclinaisons » pour chaque variante. Le guide de la gestion des stocks PrestaShop détaille les niveaux physique, réservé et disponible à la vente pour chaque déclinaison.

Options de personnalisation PrestaShop

Lorsque les déclinaisons ne suffisent pas, PrestaShop propose une personnalisation native depuis Catalogue > Produits > Options. Deux champs sont disponibles : le texte libre, affiché sur la page de commande, et l’envoi de fichier, qui ajoute un bouton d’upload acceptant un seul fichier. Plusieurs champs texte peuvent être associés au même produit, avec un réglage obligatoire ou facultatif pour chacun. Dès qu’un aperçu visuel, des étapes conditionnelles ou un calcul de prix dynamique sont nécessaires, un module de personnalisation PrestaShop constitue une solution plus adaptée. Le guide d’optimisation des fiches produits PrestaShop détaille les balises, les données structurées et le maillage interne.

Choisir un configurateur PrestaShop

Un configurateur structure l’expérience d’achat en étapes guidées : couleur, gravure ou accessoire, par exemple. Un stepper clair s’affiche directement sur la fiche produit, sans modification du thème. Chaque étape peut être obligatoire ou facultative, avec un choix visuel ou un texte libre. Le prix total se met à jour en temps réel après chaque sélection; le calcul reste sécurisé côté serveur via le hook natif de PrestaShop, sans possibilité de modifier le montant facturé en intervenant sur le DOM.

Aperçu visuel : des calques PNG transparents se superposent à l’image principale pour montrer au client la composition finale avant l’ajout au panier.
Options conditionnelles : certains modules proposent des champs en cascade, dans lesquels une option en déclenche d’autres selon des règles définies dans l’administration.
Packs personnalisés : un produit personnalisable peut réunir plusieurs sous-produits; chaque sélection actualise le prix et les quantités restantes.

Une fois validée, la configuration génère une personnalisation native PrestaShop : une ligne de panier distincte et un résumé lisible par le client comme par la boutique. Le configurateur s’installe via le hook d’informations additionnelles, en JavaScript vanilla et sans dépendance à jQuery.

Fonctionnalité	Déclinaisons natives	Personnalisation native	Module configurateur
Variantes stockées (taille, couleur)	Oui	Non	Oui (avec règles)
Champ texte ou fichier image	Non	Oui	Oui
Aperçu visuel en temps réel	Non	Non	Oui (calques PNG)
Prix dynamique par option	Partiel	Non	Oui
Parcours guidé par étapes	Non	Non	Oui

Préparer les variantes à vendre

Avant de créer un nouveau produit configurable dans le catalogue, définissez les groupes d’attributs et leurs valeurs dans l’administration PrestaShop. Le nom public, différent du nom interne visible dans le back-office, correspond à ce que le client voit sur la fiche. Pour une couleur, vous pouvez utiliser un code HTML hexadécimal ou une texture chargée depuis l’administration. Cette préparation limite les corrections en cascade lorsque les déclinaisons sont générées.

Une fois les attributs prêts, générez les combinaisons dans l’onglet « Déclinaisons » en sélectionnant les valeurs de chaque groupe. Attribuez ensuite à chaque combinaison son prix, son stock et son visuel. Regrouper les variantes sur la même fiche concentre l’autorité SEO sur une URL canonique claire, au lieu de disperser les signaux entre plusieurs pages à faible valeur individuelle.

Produits recommandés

Foire aux questions

PrestaShop permet de créer un produit configurable avec ses déclinaisons natives, depuis l'onglet « Déclinaisons » de la fiche produit. Commencez par définir les groupes d'attributs, comme la taille, la couleur ou le conditionnement, dans « Attributs et groupes » du back-office, puis ajoutez leurs valeurs. Chaque combinaison peut recevoir un prix, un visuel et des quantités distincts. Pour un champ texte ou l'envoi d'un fichier, l'onglet « Options » du même produit permet également une personnalisation native, sans module supplémentaire.

Les attributs servent à construire les déclinaisons sélectionnables par le client. Ils peuvent modifier le prix, le stock et le visuel affiché. Les caractéristiques décrivent, à l'inverse, des propriétés informatives communes aux variantes du produit : matière, dimensions ou compatibilités. Elles apparaissent dans un tableau sur la fiche produit, mais ne génèrent aucune combinaison. Ainsi, le poids peut être un attribut pour un produit vendu par conditionnement, ou une simple caractéristique pour un produit unique.

Chaque déclinaison possède sa propre quantité physique, définie dans l'onglet « Déclinaisons » de la fiche produit. Lorsqu'une variante atteint zéro, la rupture de stock concerne uniquement cette combinaison : les autres déclinaisons restent commandables. Configurez d'abord le comportement général dans « Paramètres de la boutique > Produits », puis ajustez-le produit par produit : blocage de la commande ou autorisation d'une précommande avec affichage de la date de disponibilité au client.

Les déclinaisons natives conviennent aux variantes simples stockées, comme la taille, la couleur ou le conditionnement. Elles montrent leurs limites lorsque le parcours de personnalisation devient plus complexe. Un module configurateur se justifie pour proposer des étapes guidées, des options conditionnelles, un aperçu visuel en temps réel avec des calques superposés ou la composition de packs à partir de plusieurs sous-produits. Pour des produits personnalisés soumis à des règles entre options et à un calcul de prix dynamique sécurisé, ce type de configurateur devient nécessaire.

Regrouper toutes les variantes d'un même produit sur une seule fiche concentre les signaux SEO sur une URL canonique unique, au lieu de les disperser sur plusieurs pages au contenu quasi identique. Une balise canonical correctement configurée renforce ce regroupement, notamment pour les pages filtrées par attributs. Pour améliorer la visibilité de chaque fiche produit dans les résultats de recherche du site, ajoutez une description de plus de 300 mots avec le mot-clé principal dès l'introduction, des balises title entre 60 et 70 caractères et des données structurées de type Product Schema.org.