Guida completa al configuratore 3D per e-commerce

Un configuratore 3D permette ai vostri clienti di personalizzare i prodotti in tempo reale, direttamente nel vostro negozio online. Scelgono un colore, un materiale o un componente: il modello 3D si aggiorna istantaneamente nel browser, senza installazioni, senza ricaricare la pagina.

Questa tecnologia, riservata ai grandi brand cinque anni fa, è oggi accessibile a qualsiasi commerciante online, qualunque sia la sua dimensione. Questa guida completa spiega come funziona, come integrarlo nel vostro CMS, quanto costa e quali benefici concreti apporta.

Che cos'è un configuratore 3D?

Un configuratore 3D è un'applicazione web interattiva che permette a un utente di personalizzare un prodotto in tempo reale direttamente nel browser. A differenza di una galleria di foto che cambia in base alle opzioni, un configuratore 3D genera le viste da un modello digitale 3D, sfruttando la scheda grafica del dispositivo tramite WebGL.

In concreto: il vostro cliente arriva sulla scheda prodotto. Vede un modello 3D interattivo che può ruotare a 360° e ingrandire. Se sceglie "pelle cognac" invece di "pelle nera", il modello si aggiorna in millisecondi. Se clicca su "visualizza in realtà aumentata", il suo telefono mostra il prodotto a grandezza naturale nel suo salotto.

Differenza con le foto per variante e le immagini 360°

• Foto per variante: per ogni combinazione colore/materiale, una sessione fotografica in studio. 5 colori × 4 materiali = 20 foto da mantenere. Costoso, lento da aggiornare, impraticabile con un catalogo ampio.
• Foto 360°: migliori delle foto statiche, ma sempre immagini pre-catturate. Nessuna personalizzazione reale, nessuna AR, sempre con costo di studio.
• Configuratore 2D: mostra immagini piatte che cambiano in base alle opzioni. Rapido da implementare, ma senza rotazione, senza AR, e un'immagine per ogni combinazione.
• Configuratore 3D: un unico modello digitale, tutte le combinazioni generate in tempo reale. Aggiungere un colore richiede poche ore, non una sessione fotografica. Rotazione 360°, zoom e realtà aumentata inclusi.

Software in self-service o su misura: come scegliere?

Esistono due modi per implementare un configuratore 3D, ed entrambi sono trattati in questa guida.

Il software 3DVue è una piattaforma in self-service: importate i vostri file 3D (glTF, GLB, FBX, OBJ, STL e altri formati, convertiti direttamente nel browser), regolate voi stessi colori, materiali e opzioni, e siete online lo stesso giorno. Gratuito per 14 giorni senza carta di credito, poi a partire da 49 € + IVA/mese, senza commissioni sulle vendite. È la scelta giusta se avete già i vostri file 3D e i vostri prodotti cambiano soprattutto per materiali, colori o opzioni.

Il su misura è gestito dall'inizio alla fine dallo studio 3DVue: modellazione a partire dalle vostre foto o dai vostri disegni se non avete file 3D, interfaccia personalizzata con la vostra identità grafica, file di produzione (BAT) se ne avete bisogno, integrazione e supporto umano continuo. A partire da 5.000 € + IVA, su preventivo gratuito. È la scelta giusta se partite da foto o disegni, se volete un'interfaccia con la vostra identità grafica, o se il vostro prodotto è modulare.

Il software include anche lo Studio Photo IA: a partire dal modello 3D già importato, genera automaticamente foto ambientate per ogni variante, senza una nuova sessione fotografica. L'abbiamo confrontato pubblicamente con ChatGPT e Gemini: vedi il test.

Come funziona un configuratore 3D?

WebGL: il motore del rendering in tempo reale

WebGL (Web Graphics Library) è un'API JavaScript standardizzata che permette il rendering 3D nel browser usando direttamente la GPU (processore grafico) del dispositivo. Senza WebGL, mostrare contenuti 3D interattivi senza plugin sarebbe impossibile.

WebGL è compatibile nativamente con oltre il 97% dei browser in uso (Chrome, Firefox, Safari, Edge; dati Can I use) su desktop e mobile. Senza installazione, senza plugin. Per un configuratore 3D di e-commerce, è la base tecnologica che rende tutto possibile.

I modelli 3D e le texture PBR

Un configuratore 3D si basa su due tipi di asset digitali:

1. I modelli 3D (la geometria): la forma del prodotto, creata in un software di modellazione 3D (Blender, Cinema 4D, SolidWorks…) ed esportata in formato GLTF/GLB o OBJ.

2. Le texture PBR (Physically Based Rendering): immagini che definiscono l'aspetto di ogni materiale. Il PBR è un insieme di mappe di texture:

• Albedo (colore base)
• Roughness (rugosità: opaco o lucido)
• Metallic (aspetto metallico)
• Normal map (rilievo della superficie simulato)
• Ambient Occlusion (ombre di contatto)

Il Web Component: l'elemento HTML universale

Il configuratore 3DVue è distribuito come Web Component: una tecnologia nativa del browser che permette di creare tag HTML personalizzati riutilizzabili. Integrare il configuratore in una pagina prodotto richiede due cose:

1. Caricare lo script CDN una sola volta (nel <head>):

<script type="module" src="https://cdn.jsdelivr.net/npm/@3dvue/viewer@latest/dist/viewer.js"></script>

2. Inserire il tag del configuratore dove volete mostrarlo:

<viewer-3dvue name="il-mio-configuratore" src="https://app.3dvue.fr/c/xxx"></viewer-3dvue>

La realtà aumentata WebAR

La realtà aumentata è inclusa in tutti i progetti 3DVue, senza costi aggiuntivi. Permette ai clienti di collocare virtualmente il prodotto nel loro spazio reale, il salotto, l'ufficio o il giardino, dallo smartphone.

Il WebAR funziona direttamente nel browser:

• Su iOS: tramite Safari, usando il formato USDZ nativo di Apple (Quick Look AR)
• Su Android: tramite Chrome, usando WebXR e Scene Viewer di Google

Compatibilità: WebAR funziona su iPhone con iOS 12 o successivo (Safari) e su Android compatibili con ARCore (Chrome), secondo l'elenco ufficiale di Google.

Integrazione nel vostro CMS

Il configuratore 3DVue si integra in tutti i CMS di e-commerce del mercato.

Shopify

L'integrazione non richiede nessuna app Shopify dall'App Store. Si realizza direttamente nel codice del tema.

Passo 1: caricare lo script in theme.liquid, prima di </head>.

Passo 2: inserire il tag nel template prodotto o in una sezione Liquid personalizzata.

Compatibile con tutti i temi Shopify 2.0 (Dawn, Sense, Origin…).

→ Vedere la pagina dedicata all'integrazione con Shopify

WooCommerce

Su WordPress + WooCommerce, lo script si carica tramite wp_enqueue_script() nel file functions.php del tema figlio. Il tag <viewer-3dvue> si inserisce nel template prodotto, in un widget HTML di Elementor o in un blocco Gutenberg. Senza plugin WooCommerce da installare.

→ Vedere la pagina dedicata all'integrazione con WooCommerce

PrestaShop

Su PrestaShop 1.7 e 8.x, l'integrazione avviene tramite gli hook nativi o direttamente nei template Smarty del tema. Senza modulo PrestaShop da installare. Compatibile con PS 1.7.x e PS 8.x.

→ Vedere la pagina dedicata all'integrazione con PrestaShop

WordPress (senza WooCommerce)

Per un sito vetrina in WordPress, il tag si può inserire in qualsiasi editor di blocchi: blocco "HTML personalizzato" di Gutenberg, widget "HTML" di Elementor, modulo di codice HTML di Divi, Bricks o Oxygen. Senza plugin WordPress da installare.

→ Vedere la pagina dedicata all'integrazione con WordPress

API JavaScript: usi avanzati

const viewer = document.querySelector('viewer-3dvue');

// Catturare il rendering corrente in base64
const imageBase64 = await viewer.captureToBase64();

// Ascoltare i cambiamenti di configurazione
viewer.addEventListener('config-change', (e) => {
    console.log('Configurazione:', e.detail);
});

// Impostare una configurazione programmaticamente
viewer.setParam('colore', 'bianco');
viewer.setParam('tessuto', 'velluto');

Formati di file 3D accettati

Se non avete file 3D, 3DVue crea i modelli a partire da:

• Le vostre foto prodotto (fronte, profilo, superiore, inferiore: minimo 4 angoli)
• I vostri disegni tecnici (PDF, DXF, schemi quotati)
• Un campione fisico, inviatecelo

Impatto sulle performance del sito

Un configuratore 3D mal implementato può degradare i Core Web Vitals. Implementato correttamente, il suo impatto è trascurabile.

Ottimizzazione degli asset 3D

• Compressione Draco: riduce il peso delle geometrie 3D del 60-80%
• Texture KTX2: formato texture compresso per GPU, caricamento 3× più veloce del PNG
• Formato GLTF 2.0: formato binario ottimizzato per il web

Caricamento asincrono non bloccante

<!-- Il configuratore si carica solo quando diventa visibile -->
<viewer-3dvue name="sedia" src="..." loading="lazy"></viewer-3dvue>

Quanto costa un configuratore 3D?

Per un articolo dettagliato sui prezzi, consultate la nostra guida completa sul costo di un configuratore 3D.

Costi di produzione (investimento una tantum)

Un progetto 3DVue su misura (modellazione, materiali, integrazione) costa a partire da 5.000 € + IVA, a seconda del numero di prodotti, materiali e opzioni. Ricevete un preventivo dettagliato e gratuito dopo una chiamata di 30 minuti.

Abbonamento mensile (costo ricorrente)

Un abbonamento copre l'hosting dei modelli 3D sulla CDN 3DVue, gli aggiornamenti della piattaforma WebGL e il supporto: parte solo dalla messa online, su preventivo a seconda del numero di prodotti e del traffico. Nessuna commissione sulle vostre vendite.

ROI: cosa porta concretamente

• Riduzione dei resi del 20-40%: il cliente vede esattamente ciò che sta ordinando
• Carrello medio in aumento del 15-30%: la personalizzazione crea attaccamento e giustifica un prezzo più alto
• Meno richieste al servizio clienti: "questo tessuto esiste in blu?" scompare quando il cliente può vederlo in tempo reale
• Differenziazione competitiva: sono ancora pochi gli e-commerce che offrono una vera esperienza 3D interattiva

Riferimenti pubblici. Il mobile pesa il 58,99% del traffico web mondiale (Statcounter, settembre 2026): un'esperienza 3D va quindi pensata prima di tutto per lo smartphone. Quanto ai risultati, il fornitore Threekit dichiara fino al 35% di resi in meno con un configuratore 3D (dato del fornitore stesso, non indipendente), e Shopify riporta, per il commerciante Gunner Kennels, un aumento del 40% del tasso di ordine e il 5% di resi in meno dopo l'aggiunta di 3D e realtà aumentata. I risultati variano in base al catalogo e al prodotto.

Esempi di configuratori 3D per settore

Arredamento e decorazione

L'arredamento è il settore in cui i configuratori 3D portano più valore. I clienti esitano per le dimensioni, i colori e i materiali, e i resi sono costosi. Un configuratore di arredamento permette di scegliere il colore della struttura e della tappezzeria, selezionare i piedi, aggiungere elementi opzionali e visualizzare il prodotto in AR nel salotto.

→ Vedere la pagina configuratore 3D arredamento

Tessile e moda

Per abbigliamento, borse e accessori, il configuratore permette la personalizzazione in tempo reale: colore del tessuto, ricamo, applicazioni, logo. La simulazione di rendering tessile raggiunge un livello fotorealistico. Il caso d'uso tipico: un venditore di borse personalizzate che genera automaticamente il file SVG per il laboratorio.

→ Vedere la pagina configuratore 3D tessile e moda

Gioielleria e lusso

Nel settore della gioielleria, la qualità visiva è fondamentale. Un configuratore 3D permette al cliente di personalizzare un gioiello (metallo, pietra, incisione) con un rendering fotorealistico. La realtà aumentata è particolarmente utile: vedere un anello "sul" proprio dito prima di acquistarlo riduce drasticamente il tasso di reso.

→ Vedere la pagina configuratore 3D gioielleria e lusso

Gadget promozionali

Un settore in cui la personalizzazione è il cuore del business. Un configuratore per gadget promozionali permette di visualizzare un logo su una penna, una tazza o una borsa, cambiando il colore di sfondo, il colore di stampa e la posizione del logo in tempo reale. Il file di produzione si genera automaticamente.

→ Vedere la pagina configuratore 3D gadget promozionali

Maglie sportive e divise

La personalizzazione di maglie (colori del club, numero, nome) è un caso d'uso ideale. L'utente vede la propria maglia personalizzata in tempo reale, fronte e retro, prima di acquistare. Il file di produzione va direttamente al fornitore di stampa.

→ Vedere la pagina configuratore 3D maglie sportive

Tabella comparativa: configuratore 3D vs alternative

Confronto dei fornitori di configuratori 3D

Il mercato è frammentato tra attori con modelli molto diversi. Ecco un'analisi onesta di ogni soluzione: punti di forza e limiti, per aiutarvi a scegliere con cognizione di causa.

3DVue 🇫🇷 : software self-service o studio su misura (Francia, 2022)

Punti di forza: l'unico attore di questa lista a proporre entrambi i modelli: un software in self-service a partire da 49 € + IVA/mese per gli e-commerce che hanno già i propri file 3D, e uno studio su misura a partire da 5.000 € + IVA per chi parte da foto o disegni. Modellazione, integrazione e supporto umano continuo incluso nel su misura; prova gratuita di 14 giorni senza carta di credito sul software.

Limiti: il software self-service, lanciato di recente, propone meno prodotti e materiali simultanei rispetto agli attori consolidati come Zakeke sui piani base; l'interfaccia esiste solo in francese e inglese.

Zakeke 🇮🇹 : SaaS self-service (Italia, 2017)

Punti di forza: il più accessibile del mercato, a partire da 29 €/mese. Interfaccia intuitiva, integrazione facile su Shopify e WooCommerce tramite la loro app. Ideale se avete già i vostri file 3D e uno sviluppatore disponibile.

Limiti: Zakeke è uno strumento, non un servizio. Dovete fornire i vostri modelli 3D, senza i quali non potete iniziare. Nessuna modellazione inclusa, nessun accompagnamento all'integrazione. Il rendering 3D è generico e difficile da personalizzare finemente. Il supporto avviene tramite ticket. Se il vostro prodotto è complesso o il vostro catalogo ampio, la piattaforma mostra rapidamente i suoi limiti.

→ Confronto dettagliato: 3DVue vs Zakeke

Emersya 🇫🇷 : SaaS + servizi 3D (Francia, Montpellier, 2012)

Punti di forza: attore francese solido con una vera competenza 3D, clienti come Samsonite, Salomon e Vitra. Piattaforma matura, rendering di qualità, presenza in AR.

Limiti: pensato per marchi che dispongono già di risorse interne (team digitale, project manager, accesso agli asset 3D). La piattaforma è potente ma complessa da gestire senza un team dedicato. Le tariffe sono su preventivo e poco accessibili per una PMI senza volumi significativi. Il servizio di creazione 3D è proposto come opzione ma non è il cuore del modello.

→ Confronto dettagliato: 3DVue vs Emersya

Threekit 🇺🇸 : Enterprise (USA, 2005)

Punti di forza: il miglior rendering fotorealistico del mercato, integrazione Salesforce CPQ, clienti Fortune 500. Per un grande marchio con un budget importante, è il riferimento.

Limiti: completamente fuori portata per le PMI. Budget minimo di 50.000 €/anno, tempi di implementazione da 3 a 6 mesi, richiede un team 3D dedicato internamente. Supporto solo in inglese, centrato sul mercato americano. Per un e-commerce di taglia media, è una soluzione sproporzionata.

→ Confronto dettagliato: 3DVue vs Threekit

Roomle 🇦🇹 : SaaS arredamento (Austria, 2014, gruppo HOMAG)

Punti di forza: molto forte sulla configurazione di mobili modulari e le planimetrie. Logica di regole avanzata per prodotti con numerose combinazioni strutturali.

Limiti: quasi esclusivamente orientato all'arredamento: inutilizzabile per tessile, gioielleria, gadget promozionali o maglie sportive. Minimo 850 €/mese per un piano base. Dovete fornire i vostri file 3D e gestire l'integrazione da soli. Acquisito da HOMAG (gruppo industriale produttore di macchine per la lavorazione del legno), l'orientamento prodotto si allontana progressivamente dall'e-commerce puro.

VividWorks 🇫🇮 : SaaS CPQ (Finlandia, 2006)

Punti di forza: molto buono sui prodotti veramente modulari con logica CPQ complessa (regole di configurazione, prezzi dinamici, integrazione ERP). Adatto ai produttori B2B.

Limiti: pensato per team tecnici in grado di gestire la piattaforma in autonomia. L'avvio di un progetto richiede diverse settimane di configurazione. Nessun servizio di modellazione incluso. Per un e-commerce B2C che cerca una soluzione chiavi in mano, lo strumento è sovradimensionato e complesso da usare senza risorse dedicate.

Salsita 🇨🇿 : Studio full-service (Repubblica Ceca, Praga, 2010)

Punti di forza: approccio full-service simile a quello di 3DVue: prendono in carico il progetto dall'inizio alla fine con una vera competenza 3D. Adatto a progetti complessi e su misura.

Limiti: sviluppo 100% custom = tempi lunghi (diversi mesi per progetto) e costi elevati difficili da prevedere. Nessun prodotto standardizzato né tariffa in abbonamento prevedibile. Con sede in Repubblica Ceca, la relazione con il cliente avviene in inglese. Dopo la consegna, qualsiasi evoluzione richiede una nuova negoziazione della prestazione: non c'è assistenza continua inclusa in un abbonamento mensile.

Hapticmedia 🇫🇷 : Studio full-service per il lusso (Francia, Parigi/Strasburgo)

Punti di forza: un altro studio francese in servizio completo, con una vera competenza sui materiali complessi (cristallo, pelle, metalli preziosi) per grandi maison del lusso (Longchamp, Baccarat, Guerlain, De Beers).

Limiti: pensato per marchi del lusso su scala enterprise: tempi medi da 3 a 6 mesi secondo la loro stessa documentazione, nessuna tariffa pubblica. Per una PMI che ha bisogno di un configuratore in pochi giorni piuttosto che in diversi mesi, il formato del progetto non è adatto.

→ Confronto dettagliato: 3DVue vs Hapticmedia

Cylindo 🇩🇰 : Visualizzazione prodotto (Danimarca, 2012, acquisita da Chaos)

Punti di forza: immagini prodotto fotorealistiche di altissima qualità, buono per la gestione di asset visivi su larga scala.

Limiti: Cylindo non è realmente un configuratore 3D in tempo reale: è un sistema di visualizzazione basato su immagini pre-renderizzate. Nessuna rotazione libera in WebGL, nessuna WebAR nativa, personalizzazione limitata. Acquisita da Chaos (editore di V-Ray), il prodotto si sta evolvendo verso un uso da studio piuttosto che e-commerce. Tariffazione su preventivo, accessibile solo ai grandi clienti.

Le domande da porre prima di firmare

1. Chi crea i modelli 3D?: Se il fornitore non propone la modellazione, dovrete affidarla in outsourcing o farla internamente. Verificate il costo totale reale.

2. Chi gestisce l'integrazione sul mio sito?: Alcune piattaforme documentano l'integrazione ma non la eseguono. Se non avete uno sviluppatore disponibile, chiarite questo punto prima di firmare.

3. I file 3D mi appartengono?: Indispensabile per non essere legati a un unico fornitore e poter utilizzare gli asset su altri supporti.

4. Cosa succede dopo la consegna?: Chi risponde se un modello deve essere modificato, se un nuovo materiale deve essere aggiunto, se il configuratore non si visualizza più dopo un aggiornamento del vostro tema? Un'assistenza umana e reattiva vale il suo peso in oro.

5. Ci sono costi nascosti?: Costi per rendering (per-render), commissioni sulle vendite, limitazioni di sessioni non documentate. Leggete le condizioni generali prima di firmare.

Domande frequenti

Conclusione: da dove iniziare?

Il configuratore 3D non è più un lusso riservato ai grandi brand. La tecnologia è matura, i prezzi sono scesi e l'impatto sulle conversioni e sui resi è documentato in decine di progetti.

Se vendete prodotti personalizzabili, arredamento, tessile, gioielleria, gadget promozionali, divise sportive, un configuratore 3D è probabilmente l'investimento con il miglior ritorno disponibile nel 2026.