Hub d'Intégration

Installez Vos Modèles 3D

Nous avons préparé des instructions détaillées pour les plateformes e-commerce et CMS les plus populaires. Choisissez votre plateforme pour commencer.

Shopify

Support natif dans la section Média
Fonctionne sur n'importe quel thème OS 2.0
Vue AR (Réalité Augmentée) automatique

Étapes : Produits > Média > Ajouter fichier .glb

WooCommerce

Plugin Recommandé : Model Viewer
Support Shortcode ou éditeur de Blocs
Intégration facile via Médiathèque

Étapes : Installer Plugin > Téléverser .glb > Coller URL

Wix

Utilisez l'élément "Code Intégré"
Nécessite hébergement externe pour le modèle
Compatible avec n'importe quelle mise en page

Méthode : Ajouter Iframe > Coller script model-viewer

Squarespace

Utilisez un "Bloc Code"
Personnalisation CSS complète activée
Optimisé pour les modèles E-commerce

Méthode : Bloc Code > Script Model Viewer > Téléverser Lien

Instructions pour Autres Plateformes

Magento / Adobe Commerce

Utilisez des extensions 3D Viewer ou modifiez le modèle PHP de la page produit pour inclure le script 3D.

Webflow

Ajoutez un élément "Embed" dans votre système de design. Vous pouvez mapper l'URL du modèle 3D au CMS Webflow pour des produits dynamiques.

PrestaShop

Des modules spécialisés sont disponibles sur la marketplace PrestaShop pour permettre l'ajout de fichiers GLB directement depuis le back-office.

Code d'Intégration Universel

Si votre plateforme permet l'édition HTML, ce code est tout ce dont vous avez besoin. Copiez et remplacez l'URL du modèle.

HTML

<!-- Bibliothèque Model Viewer -->
<script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/4.0.0/model-viewer.min.js"></script>

<!-- Élément 3D -->
<model-viewer
  src="url-de-votre-modele.glb"
  ar
  camera-controls
  touch-action="pan-y"
  auto-rotate
  style="width: 100%; height: 500px;">
</model-viewer>

Ce script est reconnu par les moteurs de recherche et optimisé pour une vitesse de chargement maximale.

Pas encore de modèle 3D ?

Transformez une photo produit en modèle GLB, puis intégrez-le avec le code ci-dessus.

Commencer à Créer Gratuitement