Hub di Integrazione
Installa i tuoi Modelli 3D
Abbiamo preparato istruzioni dettagliate per le piattaforme e-commerce e CMS più popolari. Scegli la tua piattaforma per iniziare.
Shopify
- Supporto nativo nella sezione Media
- Funziona su qualsiasi tema OS 2.0
- Vista AR (Realtà Aumentata) automatica
Passaggi: Prodotti > Media > Aggiungi file .glb
WooCommerce
- Plugin Consigliato: Model Viewer
- Supporto Shortcode o editor Blocchi
- Integrazione facile via Libreria Media
Passaggi: Installa Plugin > Carica .glb > Incolla URL
Wix
- Usa l'elemento "Incorpora HTML"
- Richiede hosting esterno per il modello
- Compatibile con qualsiasi layout di pagina
Metodo: Aggiungi Iframe > Incolla script model-viewer
Squarespace
- Usa un "Blocco Codice"
- Personalizzazione CSS completa abilitata
- Ottimizzato per template E-commerce
Metodo: Blocco Codice > Script Model Viewer > Carica Link
Istruzioni per Altre Piattaforme
Magento / Adobe Commerce
Usa estensioni 3D Viewer o modifica il template PHP della pagina prodotto per includere lo script 3D.
Webflow
Aggiungi un elemento "Embed" nel tuo sistema di design. Puoi mappare l'URL del modello 3D al Webflow CMS per prodotti dinamici.
PrestaShop
Moduli specializzati sono disponibili nel marketplace PrestaShop per permettere l'aggiunta di file GLB direttamente dal back-office.
Codice di Integrazione Universale
Se la tua piattaforma permette la modifica HTML, questo codice è tutto ciò che ti serve. Copia e sostituisci l'URL del modello.
<!-- Libreria Model Viewer --> <script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/4.0.0/model-viewer.min.js"></script> <!-- Elemento 3D --> <model-viewer src="url-tuo-modello.glb" ar camera-controls touch-action="pan-y" auto-rotate style="width: 100%; height: 500px;"> </model-viewer>
Questo script è riconosciuto dai motori di ricerca e ottimizzato per la massima velocità di caricamento.
Non hai ancora un modello 3D?
Trasforma una foto di prodotto in un modello GLB, poi incorporalo con il codice qui sopra.
Inizia a Creare Gratis