Le bouton de similaires et le bandeau « vous pourriez aussi aimer »

Les deux blocs que Buskara pose sur les pages de la boutique elle-même, où ils se placent sur chaque plateforme et ce qui se règle dans le panneau.

En dehors de la boîte de recherche, Buskara pose deux choses sur les pages de la boutique elle-même : le bouton de produits similaires, qui ouvre le panneau avec plus du même genre, et le bandeau « vous pourriez aussi aimer », le carrousel de recommandations. Aucun des deux ne demande de modifier le thème : sur chaque plateforme il y a un endroit où ils s'accrochent, et le reste se règle dans le panneau, sans aucun module à mettre à jour.

Ce que montre chacun

Le bouton de similaires est une loupe discrète qui naît sur la carte du produit dans les listes, et un bouton avec libellé sur la fiche. Une fois touché, il ouvre le panneau de Buskara avec les produits du même genre, filtres et comparaison côte à côte déjà sous la main. C'est le raccourci de celui qui aime le produit qu'il a devant lui mais veut voir les alternatives avant de décider.

Le bandeau « vous pourriez aussi aimer » est un carrousel dessiné à l'intérieur de la page. Sur une fiche produit, les suggestions partent du produit ouvert, et celui-ci ne s'y répète jamais ; sur toute autre page, il montre les recommandés généraux de la boutique. Les règles de merchandising au critère « toujours » commandent ici comme elles commandent dans la recherche : ce que vous épinglez ou favorisez dans le panneau apparaît aussi dans le bandeau (voir règles de merchandising et produits épinglés et boost).

Les deux ne se dessinent que lorsqu'il y a des résultats à montrer. Un bloc qui n'a rien à dire ne prend pas de place sur la page, et c'est pour cela qu'on peut le laisser à des endroits où il n'y aura pas toujours des suggestions.

Sur une boutique Shopify

Dans les listes, il n'y a rien à faire : avec l'intégration de l'application activée (voir connecter une boutique Shopify), la loupe des similaires naît toute seule sur les cartes des produits. Le bouton sur la fiche et le bandeau sont des blocs de l'éditeur du thème, et c'est le marchand qui choisit où ils se placent.

Le bouton sur la fiche produit :

1. Dans l'administration de la boutique, ouvrez Boutique en ligne → Personnaliser.
2. Dans le sélecteur de pages, en haut, choisissez Produits et le modèle utilisé.
3. Dans la section des détails du produit, cliquez sur Ajouter un bloc et choisissez « Buskara : bouton produits similaires ».
4. Glissez le bloc à sa place (sous le bouton d'achat est l'endroit habituel) et Enregistrer.

Le bandeau « vous pourriez aussi aimer » :

1. Dans le même éditeur, sur n'importe quel modèle, cliquez sur Ajouter une section ou un bloc et choisissez « Buskara : bloc vous pourriez aussi aimer ».
2. Glissez-le à sa place, en général sous la description du produit ou en fin de page, et Enregistrer.

Sur une fiche produit, le bandeau part de ce produit ; sur une page qui n'est pas une fiche, comme l'accueil, il montre les recommandés généraux de la boutique.

Sur une boutique PrestaShop

Le module s'occupe des deux tout seul, sans toucher au thème : la loupe apparaît sur les cartes des listes et sur la fiche produit, et le bandeau entre en fin de fiche. Ce qui se décide, c'est où le bouton se pose sur la fiche, et cela se décide dans le panneau (la section suivante).

Certains thèmes n'appellent pas le hook choisi. Quand cela arrive, le bouton ne disparaît pas, il va à l'autre endroit, ce qui vaut toujours mieux que de ne pas l'avoir.

Sur n'importe quelle autre plateforme

Sur une boutique sur mesure, ou sur une autre plateforme, les deux blocs s'accrochent avec un marqueur vide à l'endroit où ils doivent naître. Buskara adopte le marqueur et dessine le reste :

<span class="bk-slot-similar" data-bk-id="123" data-bk-name="Pull en lin"></span>

<div class="bk-slot-recommend" data-bk-id="123"></div>

• Le data-bk-id est l'identifiant du produit tel qu'il est dans l'index, celui-là même que le catalogue a envoyé.
• Sur les cartes d'une liste, ajoutez data-bk-place="over" au marqueur de la loupe : elle se pose alors sur la photo, au lieu de naître sur une ligne du corps de la carte.
• Sur une page qui n'est pas une fiche produit, laissez le bandeau sans data-bk-id et le carrousel montre les recommandés généraux.
• Les marqueurs peuvent rester en permanence sur la page, même dans les boutiques où les blocs sont éteints : vides, ils ne prennent pas de place. Les grilles qui arrivent ensuite, par les filtres ou la pagination, sont ramassées de la même façon.

Ce qui se règle dans le panneau

Tout ce qui suit vit dans Compte → Boutiques → Modifier et arrive aux boutiques sans aucun module à mettre à jour :

• Afficher les recommandations, dans la section Recommandations, est l'interrupteur du bandeau. Éteint, le carrousel n'apparaît pas sur les pages de la boutique et la boîte de recherche ouverte sans terme ne garde que les recherches récentes.
• Produits dans le carrousel, entre 2 et 12, est la taille de la demande du bandeau. La grille de la boîte de recherche a sa propre taille.
• Bouton produits similaires sur la fiche choisit l'endroit sur la fiche produit : Sous les images du produit, l'endroit sûr que presque tous les thèmes ont, ou À côté du bouton d'achat, là où la décision se prend et là où le thème a en général le moins de place.

L'aspect des cartes à l'intérieur des deux blocs est celui des résultats de la recherche, et s'édite au même endroit : couleur d'accent, coins, bouton d'achat et le reste sont dans apparence et intégration dans le thème.

S'ils n'apparaissent pas

• Le forfait ne les inclut pas. Le bouton de similaires et le bandeau sont des fonctionnalités du forfait ; sans elles, Buskara ne dessine rien plutôt que de dessiner un bouton que l'API va refuser. L'écran du forfait dit ce que chaque palier inclut.
• Le bandeau est éteint, sur l'interrupteur Afficher les recommandations.
• Il n'y a rien à suggérer. Un petit catalogue, ou un produit sans rien du même genre, laisse le bandeau sans rien à montrer, et il ne se dessine pas.
• Sur Shopify, le bloc est sur un autre modèle. L'éditeur du thème garde le placement par modèle de page : un bloc posé sur le modèle « product » n'apparaît pas sur les fiches qui utilisent un modèle alternatif. Vérifiez aussi que l'intégration de l'application est activée.
• Le produit n'est pas dans l'index. Un marqueur avec un data-bk-id que l'index ne connaît pas reste vide, et la cause est presque toujours dans le guide des produits qui n'apparaissent pas.