Démo · Expérience web
Configurateur 3D
Un vase fictif, « Galet », modélisé en 3D à partir de son seul profil. Faites-le tourner, changez sa finition et sa taille : le modèle, le récapitulatif et le prix indicatif suivent.
Démonstration simulée : tout se passe dans votre navigateur, aucune donnée n’est envoyée et aucun service externe n’est appelé.
Préparation de l’aperçu
Composez votre vase
Galet, vase en céramique tournée · objet fictif
Récapitulatif
- Finition
- Terre cuite
- Taille
- Moyen, 30 cm
- Référence
- GALET-TER-M
Prix indicatif
Prix indicatif fictif : 68 €
Prix fictif, à titre d’illustration : il n’a aucune valeur commerciale et aucune commande n’est possible.
En production
Brancher ce configurateur sur une vraie boutique.
La démo s’arrête au bouton « Ajouter au panier ». Dans un projet réel, voici comment la configuration rejoint votre e-commerce.
Chaque option devient une variante
Finition et taille forment une référence de votre catalogue, comme « GALET-CEL-M » (céladon, moyen) dans le récapitulatif. Stock, délai et prix suivent la variante, que la boutique tourne sur Shopify, WooCommerce, PrestaShop ou un back-office sur mesure.
Le prix est recalculé côté serveur
Le navigateur affiche une estimation pour le confort de la personne qui configure. Le montant facturé est toujours recalculé par la boutique à partir de la configuration, jamais repris tel quel depuis la page.
Le panier reçoit la configuration
L’ajout au panier transmet la variante et ses attributs (finition, taille, éventuelle personnalisation), qui restent visibles jusqu’à la facture et au bon de préparation.
Les vrais produits, modélisés
Vos objets sont modélisés ou numérisés, exportés dans un format 3D compressé pour le web et chargés à la demande. Une photo prend le relais sur les appareils qui n’affichent pas la 3D.
Dans les coulisses
Une 3D qui reste légère et accessible.
- Le moteur 3D n’est téléchargé qu’à l’approche de l’aperçu, jamais au chargement de la page.
- Le rendu s’arrête quand l’aperçu sort de l’écran ou que l’onglet est masqué, pour ménager la batterie.
- La résolution est plafonnée sur les écrans très denses, sans perte visible.
- La rotation automatique est coupée si votre système demande de réduire les animations.
- Sans WebGL, un dessin fixe suit vos choix, et toutes les options restent utilisables au clavier.
Un produit à rendre configurable ?
Parlez-nous de votre catalogue et de vos options. Nous vous dirons s’il vaut mieux une 3D, des photos par variante, ou les deux.