Dero: 3D konfigurátor stojanů na kola vložený bez kódu

Dero je výrobce stojanů na kola z Minneapolisu v Minnesotě a společnost skupiny PlayCore. Vyrábí komerční i zakázkové stojany na kola, veřejné stanice pro opravu kol, přístřešky na kola, skříňky na kola, mobiliář pro areály a produkty pro úpravu veřejného prostoru a své zákazníky podporuje již od roku 1995 – od majitelů domů kupujících jediný stojan až po architekty plánující místnost pro kola pro stovky cyklistů. Na produktových stránkách najdou projektanti vše, co hledají: brožury, podklady pro schválení, instalační návody, soubory CAD, Revit a SketchUp i specifikace CSI.

Sedm z těchto stránek nyní obsahuje také 3D konfigurátor stojanů na kola, vytvořený v Simplio3D a jednoduše označený jako 3D prohlížeč. Je záměrně jednoduchý. Návštěvník si zvolí způsob montáže stojanu, přidá opěrnou tyč tam, kde ji stojan nabízí, vyzkouší povrchové úpravy a stojan se mění ve 3D. Neobsahuje cenu, košík ani formulář a jeho nasazení na dero.com vyžadovalo vložení zkopírovaného embed kódu, nikoli programování.

Řešení: 3D konfigurátor stojanů na kola na sedmi produktových stránkách

Na dero.com má každý stojan vlastní produktovou stránku s popisem, dokumenty a soubory ke stažení i vlastními možnostmi společnosti Dero pro nákup nebo vyžádání nabídky. Sedm z nich – od Hoop Rack, který Dero označuje za standard parkování kol, až po Bike Bike Rack ve tvaru jízdního kola – nyní dále na stránce obsahuje sekci s názvem 3D prohlížeč.

Každý 3D prohlížeč je jednoduchý konfigurátor. Stojan lze otáčet a přibližovat na světle šedém pozadí a panel vedle něj nabízí maximálně tři volby: montáž, opěrnou tyč a povrchovou úpravu. Nic nemá uvedenou cenu, nic se nepřidává do košíku ani neodesílá. Jeho jediným úkolem je ukázat stojan, a proto bylo nastavení tak rychlé.

Montáž, opěrná tyč a povrchová úprava zobrazené na stojanu ve 3D

Tři volby mění vzhled stojanu po jeho instalaci:

• Montáž. Rozbalovací nabídka s možnostmi Surface a In-Ground. Surface zobrazuje stojan na základových deskách, kterými je připevněn šrouby; In-Ground je nahrazuje delšími nohami zapuštěnými do země.
• Opěrná tyč. Přepínač u modelů Hoop Rack, Hoop Rack Heavy Duty, Downtown Rack a Arc Rack. Po zapnutí se přes stojan zobrazí vodorovná tyč; zbývající tři stojany tento přepínač vůbec nezobrazují.
• Povrchová úprava. 22 vzorníků, stejných pro každý stojan: Galvanized a Stainless, následované 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 a Iron Gray. Vzorník galvanizované úpravy zobrazuje skvrnitou texturu galvanizované oceli namísto jednolité barvy.

Malé tlačítko (i) pod panelem otevře Souhrn konfigurace, ve kterém jsou volby uvedeny slovně: například u Swerve Rack je uvedeno Select Mount: Surface a Select Finish: Wine Red. Návštěvník pak může přímo přejít k možnostem nákupu nebo vyžádání nabídky na stejné stránce.

Náhled vedle vlastních možností nákupu a poptávky společnosti Dero

Produktové stránky společnosti Dero již umožňují prodej. Každá z nich nabízí vlastní možnosti nákupu nebo vyžádání nabídky od Dero: povrchovou úpravu, montáž a tam, kde je to relevantní, opěrnou tyč, následně množství, tlačítka Přidat do košíku a Přidat do nabídky; větší množství se zpracovává prostřednictvím seznamu poptávek. 3D prohlížeč je na stejné stránce a do ničeho z toho nezasahuje.

Nemá vlastní cenu, košík ani formulář a nic nikam neodesílá. Návštěvník si prohlédne stojan s požadovanou montáží a povrchovou úpravou a poté stejné volby provede v možnostech Dero. Právě díky tomuto jednoduchému rozsahu bylo možné jej rychle spustit: nebyl žádný produkt k propojení, žádná cena k synchronizaci ani formulář, který by bylo nutné směrovat.

Vložení bez psaní kódu

Každý konfigurátor Simplio3D má odkaz pro sdílení a iframe kód ke zkopírování. Na každé produktové stránce Dero je tento kód vložen pod nadpisem 3D prohlížeč přes celou šířku. Není potřeba plugin, skript ani propojení s obchodem, takže spuštění prohlížeče znamenalo vložit jeden kód na jednu stránku.

Protože stránka obsahuje pouze tento kód, o samotný 3D prohlížeč se pečuje v Simplio3D. Nová povrchová úprava nebo aktualizovaný model se změní tam a na dero.com se zobrazí při příštím načtení stránky, aniž by kdokoli upravoval produktovou stránku. Více o podobných prohlížečích: 3D prohlížeč produktů.

Co by dnes takový projekt mohl přidat

Žádná z funkcí v této části není součástí výše popsaných 3D prohlížečů Dero, které fungují na starší verzi Simplio3D. Pro výrobce stojanů na kola nebo mobiliáře pro areály, který začíná nyní:

• Stojan přímo na místě, kde bude stát. Rozšířená realita umístí nakonfigurovaný stojan na chodník nebo do místnosti pro kola prostřednictvím telefonu, bez aplikace: AR Quick Look na iOS, Scene Viewer na Android a QR kód z prohlížeče na počítači.
• Detaily přímo na modelu. Hotspoty přidávají značky s informačními okny, například o průměru trubek nebo počtu kol, která lze ke stojanu zaparkovat, a Scenery mění pozadí i kameru.
• Synchronizace prohlížeče a objednávkového formuláře. Vložený konfigurátor oznamuje každou změnu jako událost prohlížeče, simplio3d:option.changed, takže web, který to chce využít, může několika řádky vlastního skriptu předvybrat stejnou povrchovou úpravu a montáž ve vlastním objednávkovém formuláři.
• Rychleji i pro zbytek sortimentu. První konfigurátor pro další stojan lze vytvořit z písemného popisu a hromadné přidání podle kategorií převede řadu povrchových úprav ze sdílené knihovny materiálů na sadu vzorníků, aniž by bylo nutné každý vzorník vytvářet ručně.
• Kontrola každého prohlížeče. Asistent AI může provést audit pokrytí voleb a podmíněné logiky, například ověřit, že každá povrchová úprava má materiál, a navrhnout opravy. Klient AI, například Claude, připojený k pracovnímu prostoru přes MCP s omezeným připojením, může provádět stejné kontroly a změny cen či SKU přicházejí vždy pouze jako čekající změny, které následně aplikuje člověk.