Tutte le piattaforme / Guida
Modello 3D e AR su Wix
Su Wix aggiungi un elemento «Embed HTML» e incolli il codice o solo il link del modello. Attenzione a Wix Stores: la descrizione del prodotto non accetta HTML.
- Plugin / app
- Non serve
- Dove incolli il codice
- Aggiungi → Embed Code → «Embed HTML»
- AR sul telefono
- Di solito sì; prova sul telefono
Opzione 1: Elemento Embed HTML in una pagina
Funziona in qualsiasi pagina Wix: presentazione del prodotto, landing page, portfolio.
Passo 1
Copia il codice da 3DView
Accedi al tuo account, vai su «I miei modelli» e, sul modello, premi «Codice per il sito»: il codice viene copiato subito. Le schede Shopify, WooCommerce e «Qualsiasi sito» mostrano solo dove incollarlo; il codice è lo stesso.
Copia il codice da 3DView Passo 2
Aggiungi l'elemento Embed HTML
Nell'editor premi «+» (Add Elements) → Embed Code → «Embed HTML». In Wix Studio: Add → Embed & Social → Embed HTML.
Aggiungi l'elemento Embed HTML Passo 3
Incolla il codice
Premi «Enter Code», scegli «Code» e incolla il codice. Oppure scegli «Website Address» e incolla solo il link del modello (https://www.3dview.ai/embed/…). Premi Update.
Incolla il codice Passo 4
Ingrandisci il riquadro
Trascina gli angoli dell'elemento perché sia alto almeno 480px e largo quanto tutta la sezione.
Passo 5
Pubblica
Premi Publish e controlla il sito sul computer e sul telefono.
Pubblica
Opzione 2: Wix Stores (il negozio Wix)
La descrizione del prodotto in Wix Stores è testo semplice: non accetta iframe. Un elemento Embed HTML messo nella pagina prodotto appare in tutti i prodotti.
Vantaggi
- Link e QR funzionano con qualsiasi prodotto, senza codice.
Svantaggi
- Il modello non appare direttamente nella pagina del prodotto senza codice Wix (Velo).
Passo 1
Prendi il link e il codice QR
In «I miei modelli», sul modello, premi «Condividi / QR»: copi il link diretto del modello (apre 3D e AR sul telefono) e salvi il codice QR.
Passo 2
Metti il link nella descrizione
Nella descrizione del prodotto scrivi «Vedi il prodotto in 3D e AR» e trasformalo in un link al link del modello.
Passo 3
Oppure una pagina separata
Crea una pagina Wix per il prodotto (o una sezione) con l'elemento Embed HTML e metti nella descrizione un pulsante che rimanda lì.
Passo 4
Avanzato: Velo
Con Velo (il codice di Wix) un solo elemento Embed HTML può ricevere un link diverso per ogni prodotto. Chiedi a uno sviluppatore Wix.
Il codice da incollare
Ecco il codice copiato da 3DView (al posto di MODEL_ID vedrai l'ID del tuo modello). Puoi cambiare l'altezza (height:480px); il resto lascialo invariato. Aggiungi ?controls=0 dopo l'ID per nascondere la barra dei comandi sotto il modello.
<iframe src="https://www.3dview.ai/embed/MODEL_ID" title="Divano Oslo" loading="lazy" allow="xr-spatial-tracking; fullscreen; accelerometer; gyroscope" allowfullscreen style="width:100%;height:480px;border:0;border-radius:12px"></iframe>
Come verificare che funzioni
- Sul computer: il modello si carica, ruota con il mouse e il pulsante «Vedi sul telefono» mostra un codice QR per l'AR.
- Su Android (Chrome): premi il pulsante AR nell'angolo del modello. Si apre il visualizzatore AR di Google e posizioni il prodotto nella stanza, a grandezza reale. Il telefono deve essere compatibile con ARCore.
- Su iPhone/iPad (Safari): premi il pulsante AR. Si apre AR Quick Look, senza nessuna app.
- Fai la prova da Safari o Chrome, non dal browser interno di Facebook/Instagram: lì l'AR non si avvia.
- Wix mette il codice in un proprio frame. Se il pulsante AR non si avvia sul telefono, aggiungi un pulsante Wix con il link del modello: lì l'AR funziona sempre.
Problemi frequenti e soluzioni
L'elemento ha barre di scorrimento o taglia il modello
Ingrandisci il riquadro Embed HTML nell'editor (non solo il codice). Sul mobile controlla a parte, dalla vista mobile dell'editor.
Il codice sparisce o diventa testo dopo il salvataggio
L'editor l'ha ripulito: incolla il codice in modalità HTML / codice sorgente, non in modalità visuale (i passi qui sopra mostrano il pulsante esatto). Se sparisce ancora, la piattaforma non accetta iframe: usa il link e il codice QR di «Condividi / QR».
Il modello è troppo piccolo o appare tagliato
Aumenta l'altezza nel codice: height:480px diventa, per esempio, height:600px. La larghezza (100%) si adatta da sola alla colonna. Sul telefono 400–500px di solito bastano.
Il pulsante AR non compare o non si avvia su iPhone
L'AR su iPhone richiede Safari (o Chrome su iOS) e un iPhone/iPad con iOS 12 o successivo. 3DView prepara automaticamente la versione per iPhone (USDZ). Apri direttamente il link del modello (il pulsante «Vedi in AR» nell'account): se lì funziona, la tua piattaforma blocca l'AR nei frame incorporati; metti sotto il modello un link «Vedi in AR» che punta a quel link.
Il browser segnala «contenuto non sicuro» o il modello non si carica
Non cambiare l'indirizzo del codice in http://. Su un sito https i browser bloccano i frame http (contenuto misto). Lascia l'indirizzo esattamente com'è: https://www.3dview.ai/embed/…
Sul modello compare il logo 3DView
Lo togli per ogni modello, dall'account: «Rimuovi logo», un unico pagamento in crediti. Il codice resta lo stesso.
Rallenta la pagina?
No: il codice ha loading="lazy", quindi il modello si carica solo quando arriva sullo schermo. L'hosting è incluso, senza abbonamento.
Illustrazioni semplificate, non screenshot; i menu possono apparire leggermente diversi nella tua versione.
Domande frequenti
Mi serve un'app del Wix App Market?
No. Embed HTML è incluso in Wix.
Funziona con il piano gratuito di Wix?
L'elemento Embed HTML è disponibile, ma per un vero negozio ti serve comunque un piano con dominio e pagamenti.
Non hai ancora un modello 3D?
Scansiona il prodotto con il telefono o parti da una foto. Ricevi il codice per il sito, il link con QR e l'AR inclusi.
Crea il tuo primo modello