Créer un Produit Configurable (Configurable Product) Version utilisée pour l élaboration de ce guide : Magento 1.3.0 Rédigé par : Olivia Contexte Nous vous avions présenté dans de précédents guides le process de création d un produit simple (Simple Product) et le process de création d un produit groupé (Grouped product). Nous allons aujourd hui continuer sur cette thématique en vous présentant le process de création d un nouveau type de produits Magento. Au total, Magento propose 6 types de «fiche article» dans le cadre de la création de votre catalogue produit : - Produit Simple (Simple Product) - Produit Groupé (Grouped Product) - Produit Configurable (Configurable Product) - Produit Virtuel (Virtual Product) - Produit Bundle (Bundle Product) - Produit Téléchargeable (Downloadable Product) Afin de compléter les 2 précédents guides et de poursuivre notre tour d horizon des typologies de produits disponibles de manière native dans Magento, nous allons aujourd hui nous arrêter sur la création d un Produit Configurable (Configurable Product). Rendu Front Office Le Configurable Product vous permet de mettre en place une fiche article sur laquelle le client pourra ajuster son choix à l aide de quelques attributs (couleur, taille, matière etc ). Sur la Fiche Article d un Configurable Product l internaute devra, avant de mettre en panier son produit, sélectionner un ou plusieurs options afin de qualifier le produit qu il souhaite acheter.
Afin d être clair & précis, prenons des exemples concrets. Le textile et la mode sont propices à la mise en place d un Configurable Product. En effet, sur la Fiche Article d un tee-shirt on pourra par exemple trouver l attribut taille (S, M, L, XL) et l attribut couleur (noir, rouge, bleu). Même principe pour une paire de chaussure où l on pourra mettre en place les attributs taille, couleur, matière etc Cependant, ne soyons pas restrictif, le champ d application du Configurable Product est beaucoup plus large. On peut par exemple le retrouver dans la décoration & l art de la table (couleur du bois d un meuble, matière d une chaise, coloris d un service de vaisselle ), dans le bricolage (diamètre d une mèche, taille de chevilles, de vis etc ) ou encore dans la jardinerie (taille d un pot, poids d un sac de terre etc ). Les applications peuvent donc être multiples. Procédure de création d un produit configurable (Configurable Product) Lorsque vous souhaitez mettre en place un produit configurable, la première étape est de créer les produits simples qui le composeront. Vous devez donc avant toute chose créer l intégralité des fiches articles. Exemple : Vous souhaitez créer un Configurable Product pour une paire de basket. Au total pour ces baskets, vous disposez de 2 couleurs (noir et gris) et de 5 tailles (39, 40, 41, 42 et 43). Avant toute chose, vous devez créer les 10 fiches articles Simple Product correspondantes. Seule précision, lorsque vous créez les fiches articles des Simple Product qui seront utilisées dans le Configurable Product, vous devez préciser au niveau de l attribut «Visibilité» : «Nulle part». Si vous ne mettez pas ce paramètre vous ferez alors remonter 2 fois le même produit sur votre site Magento : au sein d une fiche article avec le produit tout seul et au sein de la fiche article configurable. C est une situation qui peut être ennuyeuse pour 2 raisons principales. D une part, cela peut être déroutant pour l internaute. Il trouvera dans son résultat de recherche ou dans sa page catégorie 2 fiches articles pour un même produit. Il risque de ne pas comprendre et de partir & ne pas poursuivre sa navigation. D autre part, si vous disposez de 2 fiches articles identiques cela signifie que vous relayer 2 contenus identiques. De manière isolée ce n est pas très grave mais si ça se répète, cela peut se révéler pénalisant pour votre référencement naturel.
1/ Une fois vos fiches articles Simple Product créées, vous pouvez alors vous rendre sur l interface de gestion du catalogue produits «Catalogue > Gérer les produits». 2/ Une fois sur l interface de gestion des produits, cliquez sur «Ajouter un produit». 3/ Vous vous trouvez alors sur l interface de création des produits, sélectionnez «Configurable Product» dans «Type de produit». Pour l heure nous ne nous attardons pas sur le «Groupe d attributs». Nous verrons ce point dans un guide dédié à venir. 4/ Une fois le type de produit sélectionné, vous pouvez cliquer sur «Continuer»
5/ Vous vous trouvez alors sur l interface qui va vous permettre de sélectionner les attributs configurables qui remonteront sur la Fiche Article. Les attributs qui remonteront au niveau de cette interface seront ceux que vous aurez configurés pour que ce soit le cas. En effet, lors de la création d un attribut, vous pouvez configurer le fait que ce dernier doit remonter dans le cadre d un produit configurable. Ce point sera plus largement développé dans un guide dédié présentant le process de création d un attribut sur Magento. Dans notre exemple ci-dessus, nous avons la possibilité de proposer 5 attributs à l internaute lorsque ce dernier se trouvera sur une fiche article de chaussure : - le choix par fabriquant (marque) - par taille - par type (sandale, baskets etc ) - par couleur - par sexe (pour femme, homme, enfants ) Dans notre exemple, proposer à l internaute de paramétrer son produit par fabriquant, type ou sexe n est pas très pertinent. En effet, ce type d affinage se fera au niveau des pages catégories ou avec une console d affinage au niveau d un résultat de recherche. En revanche, lui faire choisir la taille et la couleur des chaussures qu il veut acheter a tout son intérêt. Si l on reprend notre exemple initial. L internaute qui se trouvera sur la fiche article de nos baskets se verra proposer 2 menus déroulants. Le premier lui permettra de choisir la couleur (noir ou gris) et le second lui permettra de sélectionner la taille (39, 40, 41, 42 ou 43). 6/ Sélectionnez les attributs que vous souhaitez faire remonter sur votre Configurable Product puis cliquez sur «Continuez».
7/ Vous vous trouvez alors sur l interface de création d un nouveau produit. C est le même principe que ce que nous avons vu pour les Simple Product et Grouped Product. Vous allez devoir remplir chacun des onglets. 8/ Remplir l onglet Général Les informations à remplir sera fonction des éléments que vous souhaitez faire remonter. En effet, dans la gestion des attributs vous pourrez configurer les champs à remplir en faisant ressortir ceux qui sont obligatoires de ceux qui ne le sont pas. Nous verrons ce point en détails lorsque nous aborderons les «groupes d attributs» (traité dans un guide Magento dédié). 9/ Remplir les autres onglets
Comme pour le point précédent pour les champs à remplir, les onglets eux-mêmes peuvent être personnalisés. Cette dimension est gérée au niveau des «groupes d attributs». Nous verrons ce point dans un guide dédié, à venir prochainement. De manière générale, vous aurez à remplir les onglets : - Prix (obligatoire : prix de vente, classe de TVA - facultatif : prix promotionnel, période d application du prix promotionnel, coût ) - Informations méta (facultatif : optimisation du meta title, des mots-clés meta, de la meta description) - Images (facultatif : chargement des différentes vues du produit) - Design (facultatif : il est possible d appliquer un design dédié à la fiche article sur laquelle vous vous trouvez, et de le configurer pour une période définie). - Inventaire (obligatoire : quantité de produit en stock - facultatif : seuil d épuisement de stock, quantités minimal et maximal autorisés dans le panier, configuration de l alerte stock etc ) - Sites Web (facultatif : dans le cadre d un site multistore, vous pouvez choisir le magasin sur lequel vous souhaitez faire apparaître le produit) - Catégories (facultatif : vous pouvez assigner le produit à la (ou les) catégories que vous souhaitez) - Produits apparentés (facultatif : module de cross-selling sur la fiche article) - Ventes incitatives (facultatif : module d up-selling sur la fiche article) - Ventes croisées (facultatif : module de push produit au niveau de la page panier) - Options personnalisables (facultatif : outil vous permettant de proposer à vos clients des options payantes à appliquer au produit emballages cadeaux par exemple) 10/ Une fois ces onglets remplis, il restera un onglet à gérer : «Produits associés». C est l onglet spécifique au Configurable Product. C est à ce niveau que va se définir le contenu des menus déroulants présents sur le Front qui permettront pour la configuration des produits par les internautes. Au niveau de cette interface on peut identifier 2 zones distinctes : - La zone de création d un produit simple associé - La zone de configuration des attributs de super produit 1 ère zone : création d un produit simple associé La première zone, pour la création d un produit simple associé, sera utilisé dans le cas où vous n ayez pas crée en amont tous les Simple Product que vous souhaitez faire remonter dans le Configurable Product.
Magento vous propose donc de créer un produit sans avoir à quitter l interface. Il vous suffit de cliquer sur «Créer vide». Une nouvelle fenêtre s ouvre alors. Vous retrouverez l interface habituelle de création d un Simple Product. Vous pourrez alors créer vos produits à ce niveau. 2 ème zone : configuration des attributs de super produit Cette zone va vous permettre de configurer le contenu et le rendu des attributs configurables en Front (Menu déroulant). Vous pourrez configurer l intitulé des menus déroulants ainsi que le contenu.
11/ Configurez les intitulés des attributs configurables. La configuration des intitulés est très simple. Vous retrouvez dans l interface Magento la liste des attributs qui ont été sélectionnés au début du process de création du Configurable Product. Il vous suffit alors de saisir dans les champs texte le texte que vous souhaitez faire remonter en Front. Vous pouvez aussi gérer à ce niveau l ordre d affichage. Pour cela il vous suffit de faire glisser les attributs via drag & drop (glisser-déposer). Vous pouvez ainsi les reclasser les uns par rapport aux autres. 12/ Sélectionner les produits que vous souhaitez faire remonter dans vos produis configurable. Pour cela il vous suffit de cocher les produits. Vous pouvez bien sûr trier et sélectionner les produits afin de les retrouver plus facilement.
Quelques explications concernant l interface et le système de recherche : Gestion des paramètres d affichage 3 zones vous sont identifiables : - L affichage du nombre total d enregistrements (= nombre total de règles). Ce nombre est ajusté en fonction des filtres de recherche qui ont été appliqués. - La gestion du nombre de produits que vous souhaitez afficher dans la page (par 20, 30, 50, 100 ou 200). - Le nombre de pages disponibles. Vous pouvez passer d une page à l autre en naviguant avec les flèches à gauche et à droite du champ de saisie ou saisir directement le n de la page sur laquelle vous souhaitez vous rendre. Filtrage des produits Magento propose une interface permettant de filtrer les produits en fonction de différents critères, qu il est possible de cumuler et de croiser. Au total pour le filtrage, vous disposez de 6 critères «fixes» et des critères liés aux attributs configurables choisis: - L ID du produit
- Le nom du produit - Le nom du groupe d attributs - Le SKU - Le prix (un prix précis ou une tranche de prix) - Son état au niveau «inventaire» (En stock / Epuisé) En plus de ces 6 attributs permanents, vous disposerez de critères qui seront en fonction des attributs sélectionnés pour le produit configurable. Dans notre exemple, nous avions choisis «taille des chaussures» et «Couleur des chaussures». On retrouve bien nos 2 critères de recherche dans l interface des produits. Vous pouvez donc saisir plusieurs critères de filtrage puis cliquez sur «Rechercher» (ou sur la touche «entrer»). Si vous souhaitez réinitialiser votre recherche et repartir sur une base vierge, il vous suffit de cliquer sur «Réinitialiser le filtre». Listing des produits Tous les produits enregistrés s affichent dans la page. Vous pouvez les classer par ID, par nom, par SKU, par prix etc. Pour cela il suffit de cliquer sur les têtes de colonnes. Pour switcher entre classement croissant et classement décroissant, vous pouvez utiliser la petite flèche qui s affiche lorsqu une tête de colonne est sélectionnée : Pour chaque produit vous aurez la possibilité d accéder au contenu du produit simple pour le modifier/ajuster, sans quitter le process de création de votre Configurable product. Il vous suffit de cliquer sur «Editer» présent en chaque bout de ligne.
Comme pour la création d un produit simple associé, les informations relatives au produit s ouvriront dans une nouvelle fenêtre afin de ne pas vous obliger à quitter la création de Configurable Product en cours : 13/ Quand vous sélectionnez les produits à faire remonter dans le produits configurables (via le système de cases à cocher), vous verrez que de nouvelles informations s affichent à chaque ajout : A chaque produit ajouté, Magento détecte les paramètres de chaque attributs configurables sélectionnés. Ainsi dans notre exemple nous avons sélectionné 5 Simple Product : - Les 5 chaussures ont la même couleur : Gray - En revanche toutes ont une taille différente
Chaque ligne «Option» correspond à une ligne qui remontera en Front. 14/ Configurer le prix des options Vous pouvez si vous le souhaitez ajouter un prix aux options. Par exemple, vous vendez une chaise en tissu à 100. Si l internaute la souhaite l avoir en velours, cela engendrera un coup supplémentaire de 10. Au niveau du front office, le rendu sera le suivant : Au niveau back office, la configuration est très facile, il vous suffit d entrer la valeur au niveau des champs de saisie :
2 possibilités pour configurer le montant de l option : - Ajouter une valeur fixe (en saisissant le montant dans la devise courante et en sélectionnant «Fixé») - Ajouter un montant qui est un pourcentage du prix du produit (en saisissant le pourcentage et en sélectionnant «Pourcent») 15/ Une fois le dernier onglet «produits associés» configuré vous pouvez alors «sauvegarder» votre produit. Votre produit configurable Magento est crée.