Dero: un configuratore 3D per rastrelliere per biciclette integrato senza codice

Dero è un produttore di parcheggi per biciclette con sede a Minneapolis, Minnesota, e fa parte di PlayCore. Realizza rastrelliere per biciclette commerciali e personalizzate, stazioni pubbliche per la riparazione delle biciclette, pensiline per biciclette, armadietti per biciclette, arredi per spazi esterni e prodotti per l'arredo urbano, e dal 1995 supporta clienti che spaziano dai proprietari di casa che acquistano una singola rastrelliera agli architetti che progettano una bike room per centinaia di ciclisti. Le sue pagine prodotto includono ciò che cercano i progettisti: brochure, schede di presentazione, guide di installazione, file CAD, Revit e SketchUp e specifiche CSI.

Sette di queste pagine includono ora anche un configuratore 3D di rastrelliere per biciclette, realizzato in Simplio3D e intitolato semplicemente Visore 3D. È volutamente essenziale. Il visitatore sceglie come montare la rastrelliera, aggiunge una barra di appoggio quando disponibile e prova le finiture, mentre la rastrelliera cambia in 3D. Non sono presenti prezzo, carrello o modulo, e pubblicarlo su dero.com ha richiesto l'incolla di uno snippet di incorporamento, non codice.

La soluzione: un configuratore 3D di rastrelliere per biciclette su sette pagine prodotto

Su dero.com ogni rastrelliera dispone di una pagina prodotto dedicata, con descrizione, documenti e download, oltre alle opzioni Dero per acquistare o richiedere un preventivo. Sette di queste, dalla Hoop Rack, che Dero definisce lo standard per il parcheggio delle biciclette, alla Bike Bike Rack, a forma di bicicletta, includono ora più in basso nella pagina una sezione intitolata Visore 3D.

Ogni Visore 3D è un configuratore essenziale. La rastrelliera ruota e si ingrandisce su uno sfondo grigio chiaro, mentre il pannello accanto offre non più di tre scelte: il montaggio, la barra di appoggio e la finitura. Nulla ha un prezzo, nulla viene aggiunto al carrello e nulla viene inviato. Il suo unico compito è mostrare la rastrelliera, ed è per questo che la configurazione è stata così rapida.

Montaggio, barra di appoggio e finitura, visualizzati sulla rastrelliera in 3D

Le tre scelte sono quelle che cambiano l'aspetto di una rastrelliera una volta installata:

• Montaggio. Un menu a discesa con Surface e In-Ground. Surface mostra la rastrelliera sulle piastre di base con cui viene fissata a terra; In-Ground le sostituisce con gambe più lunghe da interrare.
• Barra di appoggio. Un interruttore su Hoop Rack, Hoop Rack Heavy Duty, Downtown Rack e Arc Rack. Quando è attivato, compare una barra orizzontale lungo la rastrelliera; sulle altre tre rastrelliere l'interruttore non viene semplicemente visualizzato.
• Finitura. 22 campioni, gli stessi per ogni rastrelliera: Galvanized e Stainless, poi Black, Flat Black, White, Light Gray, Red, Yellow, Bright Yellow, Orange, Blue, Sky Blue, Green, Light Green, Hunter Green, Sepia Brown, Bronze, Silver, Dark Purple, Wine Red, Beige e Iron Gray. Il campione galvanizzato mostra la texture screziata dell'acciaio zincato anziché un colore uniforme.

Un piccolo pulsante (i) sotto il pannello apre il Riepilogo della configurazione, che elenca le scelte in parole: sulla Swerve Rack, ad esempio, Select Mount: Surface e Select Finish: Wine Red. Il visitatore può quindi passare direttamente alle opzioni di acquisto o preventivo nella stessa pagina.

Un'anteprima accanto alle opzioni Dero per acquisto e preventivo

Le pagine prodotto Dero sono già predisposte per la vendita. Ognuna include le opzioni Dero per acquistare o richiedere un preventivo: finitura, montaggio e, dove applicabile, barra di appoggio, quindi quantità, Aggiungi al carrello e Aggiungi al preventivo, mentre le quantità maggiori passano attraverso l'elenco preventivi. Il Visore 3D si trova nella stessa pagina e lascia tutto questo invariato.

Non ha prezzo, carrello né modulo propri e non invia nulla da nessuna parte. Il visitatore osserva la rastrelliera nel montaggio e nella finitura desiderati, poi effettua le stesse scelte nelle opzioni Dero. Mantenerlo così essenziale ha consentito di pubblicarlo rapidamente: non c'era alcun prodotto da collegare, nessun prezzo da sincronizzare e nessun modulo da inoltrare.

Incorporato senza scrivere codice

Ogni configuratore Simplio3D dispone di un link di condivisione e di uno snippet iframe da copiare. In ogni pagina prodotto Dero, questo snippet si trova sotto il titolo Visore 3D, a larghezza piena. Non sono necessari plugin, script o connessioni allo store, quindi pubblicare un visore ha significato incollare uno snippet in una pagina.

Poiché la pagina contiene solo quello snippet, il Visore 3D stesso viene gestito in Simplio3D. Una nuova finitura o un modello aggiornato vengono modificati lì e vengono visualizzati su dero.com al successivo caricamento della pagina, senza che nessuno debba modificare la pagina prodotto. Per saperne di più su visori come questo: il visore di prodotti 3D.

Cosa aggiungerebbe oggi un progetto come questo

Nessuno degli elementi di questa sezione fa parte dei Visori 3D Dero descritti sopra, che utilizzano la versione precedente di Simplio3D. Per un produttore di rastrelliere per biciclette o arredi per spazi esterni che inizia oggi:

• La rastrelliera nel luogo in cui verrà installata. La realtà aumentata colloca la rastrelliera configurata sul marciapiede o in una bike room tramite smartphone, senza app: AR Quick Look su iOS, Scene Viewer su Android e un codice QR da un browser desktop.
• Dettagli sul modello. Gli hotspot aggiungono marcatori con finestre informative, ad esempio la dimensione del tubo o il numero di biciclette che la rastrelliera può ospitare, mentre Scenery cambia lo sfondo e la fotocamera.
• Il visore e il modulo d'ordine sincronizzati. Un configuratore incorporato annuncia ogni modifica come evento del browser, simplio3d:option.changed, così un sito che lo desidera può preselezionare la stessa finitura e lo stesso montaggio nel proprio modulo d'ordine con poche righe di script personalizzato.
• Il resto della gamma, più rapidamente. Un primo configuratore per un'altra rastrelliera può essere generato da una descrizione scritta, e l'aggiunta in blocco per categoria trasforma una gamma di finiture della libreria di materiali condivisa in un set di campioni senza dover creare manualmente ogni campione.
• Verificare ogni visore. L'assistente AI può controllare la copertura delle opzioni e la logica condizionale, ad esempio che ogni finitura disponga di un materiale, e proporre correzioni. Un client AI come Claude, connesso allo spazio di lavoro tramite MCP con una connessione con ambito definito, può eseguire gli stessi controlli, mentre le modifiche a prezzi o SKU arrivano sempre e solo come modifiche in attesa che una persona applica.