Toutes les plateformes / Guide
Modèle 3D et AR sur Wix
Sur Wix, vous ajoutez un élément « Embed HTML » et collez le code ou simplement le lien du modèle. Attention à Wix Stores : la description du produit n'accepte pas le HTML.
- Plugin / application
- Pas nécessaire
- Où coller le code
- Ajouter → Embed Code → « Embed HTML »
- AR sur mobile
- En général oui ; testez sur mobile
Option 1: Élément Embed HTML sur une page
Fonctionne sur n'importe quelle page Wix : présentation produit, landing page, portfolio.
Étape 1
Copiez le code depuis 3DView
Connectez-vous, allez dans « Mes modèles » et, sur le modèle, cliquez sur « Code pour le site » : le code est copié aussitôt. Les onglets Shopify, WooCommerce et « Tout site » indiquent seulement où le coller ; le code est le même.
Copiez le code depuis 3DView Étape 2
Ajoutez l'élément Embed HTML
Dans l'éditeur, cliquez sur « + » (Add Elements) → Embed Code → « Embed HTML ». Dans Wix Studio : Add → Embed & Social → Embed HTML.
Ajoutez l'élément Embed HTML Étape 3
Collez le code
Cliquez sur « Enter Code », choisissez « Code » et collez le code. Ou choisissez « Website Address » et collez seulement le lien du modèle (https://www.3dview.ai/embed/…). Cliquez sur Update.
Collez le code Étape 4
Agrandissez le cadre
Tirez les coins de l'élément pour qu'il fasse au moins 480px de haut et toute la largeur de la section.
Étape 5
Publiez
Cliquez sur Publish et vérifiez le site sur ordinateur et sur mobile.
Publiez
Option 2: Wix Stores (la boutique Wix)
La description du produit dans Wix Stores est du texte simple : elle n'accepte pas les iframes. Un élément Embed HTML placé sur la page produit apparaît sur tous les produits.
Avantages
- Le lien et le QR fonctionnent pour n'importe quel produit, sans code.
Inconvénients
- Le modèle n'apparaît pas directement sur la page produit sans code Wix (Velo).
Étape 1
Récupérez le lien et le code QR
Dans « Mes modèles », sur le modèle, cliquez sur « Partager / QR » : copiez le lien direct du modèle (il ouvre la 3D et l'AR sur mobile) et enregistrez le code QR.
Étape 2
Mettez le lien dans la description
Dans la description du produit, écrivez « Voir le produit en 3D et en AR » et faites-en un lien vers le lien du modèle.
Étape 3
Ou une page séparée
Créez une page Wix pour le produit (ou une section) avec l'élément Embed HTML et ajoutez un bouton vers elle depuis la description.
Étape 4
Avancé : Velo
Avec Velo (le code de Wix), un seul élément Embed HTML peut recevoir un lien différent pour chaque produit. Faites appel à un développeur Wix.
Le code à coller
Voici le code copié depuis 3DView (chez vous, l'ID du modèle remplace MODEL_ID). Vous pouvez changer la hauteur (height:480px) ; ne modifiez pas le reste. Ajoutez ?controls=0 après l'ID pour masquer la barre de réglages sous le modèle.
<iframe src="https://www.3dview.ai/embed/MODEL_ID" title="Canapé Oslo" loading="lazy" allow="xr-spatial-tracking; fullscreen; accelerometer; gyroscope" allowfullscreen style="width:100%;height:480px;border:0;border-radius:12px"></iframe>
Comment vérifier que ça fonctionne
- Sur ordinateur : le modèle se charge, tourne à la souris, et le bouton « Voir sur le téléphone » affiche un code QR pour l'AR.
- Sur Android (Chrome) : touchez le bouton AR dans le coin du modèle. La visionneuse AR de Google s'ouvre et vous placez le produit dans la pièce, en taille réelle. Le téléphone doit être compatible ARCore.
- Sur iPhone/iPad (Safari) : touchez le bouton AR. AR Quick Look s'ouvre, sans aucune application.
- Testez depuis Safari ou Chrome, pas depuis le navigateur intégré de Facebook/Instagram : l'AR n'y démarre pas.
- Wix place le code dans son propre cadre. Si le bouton AR ne démarre pas sur mobile, ajoutez un bouton Wix avec le lien du modèle : là, l'AR fonctionne toujours.
Problèmes fréquents et solutions
L'élément a des barres de défilement ou coupe le modèle
Agrandissez le cadre Embed HTML dans l'éditeur (pas seulement le code). Sur mobile, vérifiez séparément, dans la vue mobile de l'éditeur.
Le code disparaît ou devient du texte après l'enregistrement
L'éditeur l'a nettoyé : collez le code en mode HTML / code source, pas en mode visuel (les étapes ci-dessus indiquent le bouton exact). S'il disparaît encore, la plateforme n'autorise pas les iframes : utilisez le lien et le code QR de « Partager / QR ».
Le modèle est trop petit ou coupé
Augmentez la hauteur dans le code : height:480px devient par exemple height:600px. La largeur (100 %) s'adapte toute seule à la colonne. Sur mobile, 400–500px suffisent en général.
Le bouton AR n'apparaît pas ou ne démarre pas sur iPhone
L'AR sur iPhone demande Safari (ou Chrome sur iOS) et un iPhone/iPad sous iOS 12 ou plus récent. 3DView prépare automatiquement la version iPhone (USDZ). Ouvrez directement le lien du modèle (bouton « Voir en AR » dans votre compte) : si ça marche là, votre plateforme bloque l'AR dans les cadres intégrés ; ajoutez sous le modèle un lien « Voir en AR » vers ce lien.
Le navigateur signale un « contenu non sécurisé » ou le modèle ne se charge pas
Ne remplacez pas l'adresse du code par http://. Sur un site https, les navigateurs bloquent les cadres http (contenu mixte). Laissez l'adresse telle quelle : https://www.3dview.ai/embed/…
Le logo 3DView apparaît sur le modèle
Vous le retirez par modèle, depuis votre compte : « Retirer le logo », un paiement unique en crédits. Le code reste le même.
Est-ce que ça ralentit la page ?
Non : le code contient loading="lazy", le modèle ne se charge donc que lorsqu'il arrive à l'écran. L'hébergement est inclus, sans abonnement.
Illustrations simplifiées, pas des captures d'écran ; les menus peuvent être un peu différents dans votre version.
Questions fréquentes
Ai-je besoin d'une application du Wix App Market ?
Non. Embed HTML est inclus dans Wix.
Ça marche avec l'offre gratuite Wix ?
L'élément Embed HTML est disponible, mais pour une vraie boutique il vous faut de toute façon une offre avec domaine et paiements.
Vous n'avez pas encore de modèle 3D ?
Scannez le produit avec votre téléphone ou partez d'une photo. Code pour le site, lien avec QR et AR inclus.
Créer votre premier modèle