Accessoires PrestaShop : les vendre avec le produit en un clic

Pour vendre des accessoires PrestaShop avec le produit, ce qui marche, c'est de les placer au-dessus du bouton d'achat, avec leur prix et une case à cocher, pour qu'ils entrent dans le panier du même clic. Ainsi, le client qui achète un appareil photo voit la carte mémoire au moment où il se décide, et pas une fois qu'il a payé et qu'elle lui manque.

Pensez à la dernière commande reçue sans la pièce qui fait fonctionner le produit : l'imprimante sans encre, le robinet sans flexibles, le téléphone sans coque. Ce client n'a pas oublié ; il ne l'a simplement pas vue à temps. Et ce qu'il ne voit pas sur la fiche produit, soit il l'achète ailleurs, soit il vous écrit deux jours plus tard.

Où PrestaShop affiche-t-il les accessoires ?

PrestaShop a son propre champ « Accessoires » dans la fiche produit. Vous reliez des produits entre eux et ils s'affichent en bas de la page, comme une bande de produits associés.

Pour montrer un peu plus du catalogue, cela suffit, mais pour vendre le complément, il y a trois problèmes :

• Ils apparaissent loin du bouton d'achat. Quand le client arrive jusque-là, s'il y arrive, il a déjà décidé.
• Chacun s'achète à part. Il doit ouvrir l'accessoire, choisir sa taille ou sa couleur et l'ajouter au panier séparément.
• Ce sont les mêmes pour toutes les déclinaisons. La housse de la taille M s'affiche aussi pour la XL, même si elle ne lui va pas.

Comment vendre des accessoires avec le produit ?

Avec Accessoires produit pour PrestaShop, le bloc se place juste au-dessus de « Ajouter au panier ». Le client choisit la taille ou la dimension comme d'habitude et, juste en dessous, il voit ce qui va avec : chaque accessoire avec sa photo, son nom, son prix et une case à cocher.

Il coche ceux qu'il veut et trois choses se passent sous ses yeux :

1. L'option cochée est mise en valeur avec la couleur de votre thème.
2. Le total s'affiche : le produit plus les accessoires, multiplié par la quantité choisie.
3. Le bouton devient « Ajouter 3 articles au panier ».

Quand il clique, le produit et ses accessoires entrent ensemble dans le panier, et la fenêtre qui s'ouvre affiche déjà le total avec tout dedans. Pas de deuxième bouton, pas d'autre page. Et si le produit ne peut pas être ajouté — parce qu'il est épuisé, par exemple —, ses accessoires non plus : un chargeur ne se retrouve jamais dans le panier sans le téléphone.

Et s'il veut plusieurs unités ?

C'est vous qui décidez comment elles se comptent. Le plus courant, c'est « la même quantité que le produit » : trois téléphones, trois coques. Pour un kit de montage ou un service d'installation, « toujours une unité » a plus de sens : un seul kit pour toute la commande.

Peut-on avoir des accessoires différents pour chaque déclinaison ?

Oui, et c'est ce qui se remarque le plus dans les boutiques avec des tailles, des dimensions ou des modèles. Chaque accessoire peut valoir pour le produit entier ou pour une seule de ses déclinaisons, et on peut les combiner : ceux qui sont communs à toutes les tailles et, en plus, ceux propres à l'une d'elles.

Quand le client change de déclinaison, la liste change avec lui. Le cadre 80×120 propose son coussin assorti, le 40×60 non. Dans une boutique industrielle, le vérin de 30 mm propose ses capteurs et celui de 50 mm les siens, sans que le client ait besoin de savoir lequel lui correspond.

Et l'accessoire peut aussi être une déclinaison précise. Vous proposez « le cahier à lignes », pas « le cahier », et le client repart exactement avec celui-là sans ouvrir sa fiche.

Peut-on regrouper les accessoires ?

Oui. Les groupes donnent un titre à chaque ensemble d'options — « Housses », « Montage », « Garantie étendue » — et fixent combien le client peut en cocher :

• Autant qu'il veut, pour des compléments qui s'additionnent : plusieurs encres, plusieurs pièces de rechange.
• Un seul, pour des options qui s'excluent : une coque pour un téléphone, un niveau de garantie. Il peut quand même le décocher, car un accessoire n'est jamais obligatoire.
• Jusqu'à un certain nombre, si vous voulez fixer une limite.

Si vous n'avez pas besoin de groupes, le module en fournit déjà un, « Accessoires », et vous pouvez travailler uniquement avec lui.

Que se passe-t-il avec les accessoires en rupture de stock ?

Ils cessent d'être proposés d'eux-mêmes tant qu'on ne peut pas les commander, et reviennent quand le stock est là. Si un produit accepte les commandes hors stock, il continue de s'afficher. Un accessoire que vous avez désactivé n'apparaît pas non plus.

C'est important pour ne pas promettre sur la fiche produit quelque chose que vous ne pourrez pas livrer : le client ne voit que ce qu'il peut vraiment acheter.

Comment les ajouter ?

Depuis la fiche produit elle-même. Dans son onglet Modules, vous cherchez l'accessoire par nom, référence ou EAN, vous choisissez s'il vaut pour toutes les déclinaisons ou pour une seule, puis le groupe, et vous l'ajoutez. C'est enregistré tout de suite et visible aussitôt dans la boutique.

Si votre catalogue est grand, inutile de passer produit par produit. Vous exportez les liaisons dans un tableur, vous le complétez avec les références que vous utilisez déjà dans votre boutique et vous l'importez. Le fichier qui sort est le même que celui qui entre, et ce que vous avez ajouté à la main n'est pas touché.

Est-ce que ça va bien rendre dans ma boutique ?

Le bloc n'impose pas un design à part qui détonne : il reprend la police et les couleurs de votre thème. Il fonctionne tel quel avec classic et avec Hummingbird, le thème de PrestaShop 9, ainsi qu'avec les thèmes qui en dérivent, de PrestaShop 1.7.6 à 9.

Vous choisissez où il s'affiche : au-dessus du bouton d'achat (recommandé, car c'est là que tout se décide), en dessous, ou dans la zone d'informations complémentaires. Et sur mobile, les options se placent les unes sous les autres, avec la case à portée de pouce.

Pour votre équipe technique

• Le template du bloc peut être surchargé depuis le thème, sans toucher au module.
• Il existe un hook dédié, displayUnderProductVariants, pour le placer où le thème le souhaite, toujours à l'intérieur du formulaire d'achat.
• Chaque changement de sélection déclenche un événement JavaScript, bkacc:selectionChanged, avec la déclinaison et les accessoires cochés.

Par où commencer ?

Prenez vos cinq produits les plus vendus et demandez-vous ce qu'on achète avec chacun d'eux. Ajoutez ces accessoires, regardez le rendu de la fiche produit et, si ça marche, étendez-le au reste du catalogue par tableur. Tout cela est intégré dans Accessoires produit pour PrestaShop : vous avez sa fiche juste en dessous, avec ce qu'il comprend, la compatibilité et le prix.