Visionneuse 3D pour boutique en ligne : ce qu’elle doit savoir faire

Ce que le client en fait

Concrètement, le client s’en sert pour trois choses : faire tourner la pièce pour voir le côté que la photo ne montre pas, s’approcher pour vérifier une couture, une texture ou une finition et, sur téléphone, ouvrir la réalité augmentée pour juger de la taille réelle. Une bonne visionneuse permet les trois sans la moindre explication, car personne ne lit de mode d’emploi sur une fiche produit.

Cinq points à examiner avant de choisir

1. 01

   Poids du fichier

   Un modèle 3D peut peser quelques mégaoctets ou plusieurs dizaines. La visionneuse doit charger l’essentiel d’abord et ne pas bloquer le défilement de la page pendant que le reste arrive. Testez sur une connexion mobile ordinaire, pas depuis le bureau.

2. 02

   Fonctionner dans le navigateur

   Sans application ni extension. Sur ordinateur, le client fait tourner la pièce à la souris ; sur téléphone, du doigt, et la réalité augmentée s’ouvre dans la visionneuse que l’appareil possède déjà.

3. 03

   Échelle réelle

   En réalité augmentée, la pièce doit apparaître à sa vraie taille. Une visionneuse qui affiche un sac à main grand comme une valise détruit la confiance qu’elle était censée créer.

4. 04

   Installation simple

   L’idéal est un fragment de code que l’on colle dans la description ou dans un bloc du thème, sans réécrire la fiche produit. Moins l’installation dépend d’un développeur, plus il y a de produits qui passent en 3D.

5. 05

   Mesure

   Vues, clics sur la réalité augmentée et lectures de QR code. Sans ces chiffres, impossible de savoir si la 3D est utilisée, ni sur quels produits il vaut la peine de continuer.

Comment la visionneuse de Complete s’intègre à la boutique

Chaque produit créé dans le Complete Dashboard reçoit une adresse propre et un code d’intégration, visible dans « Mes produits » avec un bouton pour le copier. Ce code est un iframe standard, accepté par la plupart des plateformes d’e-commerce :

<iframe src="https://www.completemagazine.com.br/ar/CODE-DU-PRODUIT" width="100%" height="520" frameborder="0" allow="xr-spatial-tracking; fullscreen; camera" style="border:0;border-radius:12px"></iframe>

La largeur suit la colonne de la page, et la hauteur se règle dans le code lui-même. Ce sont les autorisations de l’attribut allow qui donnent accès, à l’intérieur du cadre, à la caméra et à la réalité augmentée sur téléphone. Sans elles, la pièce tourne, mais le bouton pour la voir dans l’espace ne fonctionne pas.

Sur ordinateur, lorsque l’appareil ne peut pas ouvrir la réalité augmentée, la visionneuse propose un QR code : le client le vise avec son téléphone et poursuit l’expérience dans son propre espace.

Où la placer sur la page

L’emplacement qui fonctionne est près de la galerie de photos, et non à la fin de la description. Celui qui descend jusqu’au dernier paragraphe a déjà décidé ; celui qui regarde encore les photos est celui qui a le doute auquel la 3D répond. Si la plateforme n’accepte le code que dans la description, une ligne en haut du texte signalant que la pièce peut être vue en 3D aide déjà.

Les guides d’installation de Complete détaillent la marche à suivre pour chaque plateforme, y compris celles qui n’acceptent pas d’iframe dans la description du produit.