Pour un magasin de vélos, montrer l’espace physique c’est rappeler aux visiteurs web qu’il y a un vrai lieu derrière le site. L’atelier mécanique, la salle d’essai, le rayon route / VTT / urbain — autant d’arguments qui ne tiennent pas dans une photo statique. La visite virtuelle 360° est l’outil le plus immersif pour transmettre cette présence physique.
Le module Veloland Visite Virtuelle propose une visite navigable directement sur le site, sans plateforme tierce.
Côté client : l’expérience immersive
Le visiteur arrive sur une scène (vue 360° d’un espace du magasin). Il peut :
- Naviguer librement à 360° (souris, doigt sur mobile)
- Cliquer sur les hotspots de direction pour changer de scène (entrer dans l’atelier, sortir vers la salle d’essai…)
- Cliquer sur les hotspots informationnels pour lire une description courte ou voir des photos
- Cliquer sur les hotspots produits pour aller vers une catégorie du catalogue (ex. « Voir tous les VTT » depuis le rayon VTT)
Une légende discrète en haut à droite explique les codes couleurs des hotspots. La visite est embarquée dans la home et la page À propos, sans onglet ni redirection externe.
Côté technique
Le module pour PrestaShop 9 s’appuie sur Marzipano en version 0.10.2, une bibliothèque JavaScript open source de visualisation 360° également utilisée par Pinterest et le programme Google Street View Trusted. Le choix de Marzipano s’explique par la stabilité de l’API, l’absence de dépendances tierces et la liberté qu’elle laisse sur l’UI : on peut composer son propre viewer sans imposer de chrome.
Deux tables structurent les données. vltour_scene stocke chaque scène (titre, image équirectangulaire en JPG ou WebP, ordre dans la séquence). vltour_hotspot stocke les hotspots avec leur position en pitch et yaw, leur type (direction, info, produit), et selon le type une cible : target_scene pour la navigation, description pour les hotspots informationnels, category_ids en CSV pour les hotspots produits qui génèrent les boutons « Voir les {catégorie} ». Les panoramas sont stockés dans /img/vltour/ avec génération automatique des variantes WebP et AVIF par le hook image du module socle.
Le chargement de Marzipano est différé (lazy load) : la bibliothèque pèse environ 80 Ko et n’est téléchargée qu’au scroll dans le viewer, ce qui a fait gagner 27 points PageSpeed sur la page d’accueil sans dégrader l’expérience utilisateur. Un nadir patch — une image fixe au sol qui masque le pied du photographe ou le trépied — est posé en surimpression sur chaque scène, avec un positionnement calculé en pitch et yaw via une formule analytique.
Au back-office, un visual picker permet de cliquer directement sur la scène 360° pour placer les hotspots à la souris, avec calcul automatique du pitch et yaw via projection inverse depuis les coordonnées écran. Un menu multi-sélection de catégories permet ensuite de générer dynamiquement les boutons « Voir les {catégorie} » dans le panel descriptif d’un hotspot produit.
Pourquoi c’est pertinent pour un vélociste
Le e-commerce vélo se joue de plus en plus sur la différenciation. Un pure player ne montrera jamais son entrepôt en visite virtuelle. Un magasin physique qui montre son atelier, ses mécaniciens, son espace essai, prouve sa légitimité métier. Pour le SEO, c’est aussi un signal de richesse de contenu (durée de session, scroll depth, partage social). Pour le client, c’est la sensation d’avoir déjà mis un pied dans le magasin avant la première visite.
Voir aussi : le pendant WordPress de ce module — même principe pour un site éditorial WP plutôt qu’une boutique PrestaShop.
