Building productsbuilding productsbike racks3d viewersite furnishings

Dero: ilma koodita lisatud 3D jalgrattahoidja konfiguraator

Dero·19. oktoober 2026

Dero on jalgrattaparkimise lahenduste tootja Minneapolisest, Minnesotast, ning PlayCore’i ettevõte. See toodab äri- ja eritellimusel jalgrattahoidikuid, avalikke jalgrattaremondijaamu, jalgrattavarjualuseid, jalgrattakappe, alasisustust ja tänavaruumi tooteid ning on toetanud oma kliente alates 1995. aastast – alates majaomanikest, kes ostavad ühe hoidiku, kuni arhitektideni, kes kavandavad jalgrattaruumi sadadele ratturitele. Selle tootelehtedel on olemas kõik, mida projekteerijad otsivad: brošüürid, esituslehed, paigaldusjuhendid, CAD-, Revit- ja SketchUp-failid ning CSI spetsifikatsioonid.

Seitsmel neist lehtedest on nüüd ka 3D-jalgrattahoidiku konfiguraator, mis on loodud rakenduses Simplio3D ja mille pealkiri on lihtsalt 3D-vaatur. See on teadlikult lihtne. Külastaja valib hoidiku paigaldusviisi, lisab tugilati, kui hoidikul see võimalus on, ning proovib erinevaid viimistlusi – hoidik muutub 3D-vaates. Seal pole hinda, ostukorvi ega vormi ning selle lisamiseks veebilehele dero.com piisas manustatud koodilõigu kleepimisest, mitte programmeerimisest.

Projekt lühidalt

Projekti faktid, võetud saidilt dero.com ja reaalajas 3D-vaaturitest 2026. aasta oktoobris.
Element	Üksikasjad
Klient	Dero Minneapolisest, Minnesotast, PlayCore’i ettevõte: jalgrattahoidjad, eritellimusel valmistatud hoidjad, avalikud jalgrataste remondipunktid, jalgrattavarjualused, jalgrattakapid, linnamööbel ja tänavaruumi lahendused alates 1995. aastast
Veebisait	dero.com, WordPress sait Dero enda poe ja hinnapakkumiste loendiga
Tooted	Seitse kommertskasutuseks mõeldud jalgrattahoidikut: Hoop Rack, Hoop Rack Heavy Duty, Downtown Rack, Arc Rack, Swerve Rack, Bike Hitch ja Bike Bike Rack
Mida 3D-vaatur teeb	Kuvab hoidiku 3D-vaates koos valitud kinnitusega, toetuspulgaga või ilma, kui hoidikul see olemas on, ning ükskõik millise 22 viimistluse valikuga koos valikute kokkuvõttega
Mida see välja jätab	Hinnad, ostukorvi ja vormi. Ostmine ja hinnapakkumised jäävad Dero tootelehtedel juba olemasolevate valikute juurde
Seadistamine	Üks lihtne konfiguraator iga rattahoidla jaoks, mis lisatakse tootelehele, kleepides selle koodilõigu pealkirja „3D-vaatur” alla. Pluginaid ega e-poe integratsiooni pole vaja ning koodi pole vaja kirjutada.
Platvorm	Simplio3D varasem versioon

Mida klient vajas

Rattahoidla enda viimistlus

Dero rattahoidlad on saadaval tsingituna, roostevabast terasest või mitmesugustes pulbervärvitoonides. Väike värvinäidis ütleb vähe selle kohta, kuidas toon kogu rattahoidlal välja näeb.

Pinnapealne või maasisene

Kõiki neid rattahoidlaid saab kinnitada alusplaatidega põrandale või paigaldada maasse ning need kaks lahendust näevad rattahoidla ja põranda kokkupuutekohas erinevad välja.

Lisatugivarras seal, kus seda vaja on

Seitsmest riiulist neljale saab lisada lisatugivarda, mistõttu oli nende eelvaadetes vaja võimalust see lisada ja taas eemaldada.

Eelvaade, mitte teine pood

Igal tootelehel olid juba oma võimalused ostmiseks või pakkumise küsimiseks. 3D-vaade pidi lihtsalt aitama inimestel valida.

Ühtne tööviis kogu tootevalikus

Seitsmel riiulil pidid olema samad valikud samas kohas, et külastaja, kes on kasutanud üht 3D Viewerit, oskaks kasutada neid kõiki.

Ei mingit arendusprojekti

Viewerid tuli lisada olemasolevatele WordPress tootelehtedele ilma plugina, arendaja või poe muudatusteta.

Lahendus: 3D-jalgrattahoidiku konfiguraator seitsmel tootelehel

Veebilehel dero.com on igal hoidikul oma tooteleht koos kirjelduse, dokumentide ja allalaadimiste ning Dero enda ostu- või hinnapakkumise võimalustega. Seitsmel hoidikul, alates Hoop Rackist, mida Dero nimetab jalgrattaparkimise standardiks, kuni jalgratta kujulise Bike Bike Rackini, on nüüd lehe allosas jaotis pealkirjaga 3D-vaatur.

Iga 3D-vaatur on lihtne konfiguraator. Hoidikut saab helehallil taustal pöörata ja suumida ning selle kõrval olevas paneelis on kuni kolm valikut: paigaldusviis, tugilatt ja viimistlus. Miski pole hinnastatud, midagi ei lisata ostukorvi ega saadeta edasi. Selle ainus ülesanne on hoidikut näidata, mistõttu oli seadistamist nii vähe.

Bike Hitchi tooteleht saidil dero.com: Dero päis menüüpunktidega Tooted, Ressursid, Võtke meiega ühendust ja Küsi pakkumist; asukoharada Avaleht, Kõik tooted, Kommertsrattarackid, Bike Hitch; pealkiri Bike Hitch ning kaks fotot kasutuses olevast rattahoidikust – must post ja rõngas, mille külge on poe ees lukustatud kreemikas jalgratas, ning oranž hoidik sinise jalgrattaga lillepeenra kõrval — Bike Hitchi tooteleht saidil dero.com.

Sama lehe 3D-vaatur: tsingitud Bike Hitch, ruudukujulisel alusplaadil post, millest läbib rõngas, ning selle kõrval rippmenüü Vali kinnitusviis, kus on avatud valikud Pinnapealne ja Maasisene, ning viimistlusvalikute näidised — Sama lehe alumises osas olev 3D-vaatur, kus kinnitusviisi rippmenüü on avatud.

Paigaldusviis, tugilatt ja viimistlus 3D-vaates hoidikul

Need kolm valikut muudavad hoidiku välimust pärast paigaldamist:

Paigaldusviis. Rippmenüü valikutega Surface ja In-Ground. Surface kuvab hoidiku alusplaatidel, millega see on maha poltidega kinnitatud; In-Ground asendab need pikemate jalgadega, mis lähevad maasse.
Tugilatt. Lüliti Hoop Racki, Hoop Rack Heavy Duty, Downtown Racki ja Arc Racki puhul. Sisselülitamisel ilmub hoidikule horisontaalne latt; ülejäänud kolme hoidiku puhul seda lülitit lihtsalt ei kuvata.
Viimistlus. 22 näidist, mis on kõigil hoidikutel samad: Galvanized ja Stainless, seejärel 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 ja Iron Gray. Galvanizedi näidis kuvab ühetaolise värvi asemel tsingitud terase kirju tekstuuri.

Paneeli all olev väike nupp (i) avab konfiguratsiooni kokkuvõtte, kus valikud on sõnadega loetletud: näiteks Swerve Racki puhul Select Mount: Surface ja Select Finish: Wine Red. Külastaja saab sealt liikuda otse samal lehel olevate ostu- või hinnapakkumise võimaluste juurde.

Downtown Rack 3D-vaaturis: mustast nelikanttorust rattahoidik ümarate ülanurkadega ja pinnapealsetel alusplaatidel, üle selle kulgeva horisontaalse toetusribaga; kõrval on rippmenüü Vali kinnitusviis valikul Pinnapealne, lüliti Toetusriba on sisse lülitatud ning viimistluse valikunäidistes on valitud Must — Must Downtown Rack, mille toetusriba on sisse lülitatud.

Arc Rack 3D-vaaturis: peaaegu ringikujuline nelikanttorust rattahoidik laigulise halli tekstuuriga tsingitud terasest, kahel pinnapealsel alusplaadil; kõrval on kinnitusviisi rippmenüü valikul Pinnapealne, lüliti Toetusriba on välja lülitatud ning viimistlusvalikute näidistes on valitud Tsingitud — Arc Rack tsingitud terasest, tekstuurse viimistlusega.

Heavy Duty Hoop Rack 3D-vaaturis: kaks paksust helerohelisest torust kõrget ja kitsast ümberpööratud U-kujulist elementi pinnale paigaldatavatel alusplaatidel; kõrval on rippmenüü Select Mount väärtusega Surface, väljalülitatud lüliti Lean Bar ning viimistluse Select Finish värvinäidised, kus on valitud Light Green — Heavy Duty Hoop Rack värvitoonis Light Green.

Swerve Rack 3D-vaaturis: tumepunane toruraam, millel on üks sirge ja üks nurga all olev jalg pinnale paigaldatavatel alusplaatidel; kõrval on rippmenüü Select Mount ning viimistluse Select Finish värvinäidised, kus on valitud Wine Red, ja avatud Configuration Summary, kus on kirjas Select Mount: Surface ja Select Finish: Wine Red — Swerve Rack värvitoonis Wine Red, avatud Configuration Summaryga.

Mida iga 3D-vaatur pakub

Seitse rattahoidikut, igaühel oma 3D-vaatur tootelehel.

Teave pärineb saidilt dero.com ja reaalajas 3D-vaaturitest 2026. aasta oktoobris.
Rattahoidik	Kuidas Dero seda kirjeldab	Valikud 3D-vaaturis
Hoop Rack	Jalgrattaparkimise standard: jäme täisraadiuses painutatud toru; mahutab kaks jalgratast	Paigaldus, toetustala, 22 viimistlust
Hoop Rack Heavy Duty	Standardse Hoop Rackiga võrreldes suurem ja jämedam toru	Paigaldus, toetustala, 22 viimistlust
Downtown Rack	Täielikku tuge pakkuv jäme nelikanttoru ja laiendatud laius; mahutab kaks jalgratast	Paigaldus, toetustala, 22 viimistlust
Kaarrattahoidik	Selgete geomeetriliste joontega nelikanttoru; mahutab kaks jalgratast	Paigaldus, toetustala, 22 viimistlust
Swerve rattahoidik	Jalgratta raami kuju järgiv jäme toru; mahutab kaks jalgratast	Kinnitus, 22 viimistlust
Jalgrattakinnitus	Täisraadiusega kaare ja saleda siluetiga post ning rõngas; mahutab kaks jalgratast	Kinnitus, 22 viimistlust
Jalgrattakujuline rattahoidik	Jalgratta kujuline rattahoidik, mida kirjeldatakse tänavakunsti funktsionaalse elemendina; mahutab kaks kuni neli jalgratast	Kinnitus, 22 viimistlust

Kuidas seadistada 3D-vaaturit nagu Dero oma

Viis sammu, millest ükski ei nõua koodi.

Laadige üles 3D-mudel
Lisage rattahoidiku mudel uude projekti. Simplio3D toetab GLB-, GLTF-, FBX-, OBJ-, STL- ja DAE-faile.
Lisage kinnitusviis
Rippmenüü valikutega Surface ja In-Ground, millest kumbki kuvab mudelil vastava aluse.
Lisage rattahoidja tugilatt
Lüliti, mis näitab või peidab tugilatti seda sisaldavatel rattahoidjatel.
Lisage viimistlused
Üks näidis iga viimistluse kohta: tsingitud terase tekstuur ja värv iga ülejäänud viimistluse jaoks.
Kleepige manustamiskood
Kopeerige konfiguraatori iframe-kood ja kleepige see tootelehele. Hiljem Simplio3D-is tehtud muudatused kuvatakse lehel, ilma et peaksite seda uuesti muutma.

Eelvaade Dero enda ostu- ja hinnapakkumise võimaluste kõrval

Dero tootelehed võimaldavad juba ostu teha. Igal lehel on Dero enda valikud ostmiseks või hinnapakkumise küsimiseks: viimistlus, paigaldusviis ja vajaduse korral tugilatt, seejärel kogus, Lisa ostukorvi ja Lisa hinnapakkumisse; suuremate koguste puhul kasutatakse hinnapakkumiste loendit. 3D-vaatur asub samal lehel ega muuda sellest midagi.

Sellel pole hinda, ostukorvi ega oma vormi ning see ei saada andmeid kuhugi. Külastaja vaatab hoidikut soovitud paigaldusviisi ja viimistlusega ning teeb seejärel samad valikud Dero valikutes. Just nii väikesena hoidmine võimaldas selle kiiresti kasutusele võtta: polnud toodet, mida siduda, hinda, mida sünkroonis hoida, ega vormi, mida kellelegi suunata.

Skeem: dero.com-i rattahoidja tootelehel on koos kirjelduse, dokumentide ja CAD-allalaadimistega Simplio3D 3D Viewer, mis pakub Surface- või In-Ground-kinnitust, tugilatti neljal rattahoidjal, 22 viimistlust ja konfiguratsiooni kokkuvõtet. Külastaja näeb 3D-s pöörlevat rattahoidjat valitud kinnituse, lati ja viimistlusega ning seejärel ostab või küsib hinnapakkumist Dero enda valikute, ostukorvi ja hinnapakkumiste loendi kaudu samal lehel. Allpool on seadistus ilma plugina, e-poe integratsiooni ja koodita: laadige üles rattahoidja 3D-mudel, lisage kinnituse rippmenüü, mis vahetab alust, lisage tugilati lüliti, mis lisab lati, lisage 22 viimistlusnäidist ja kleepige manustamiskood lehele. — 3D Vieweri asukoht Dero tootelehel ja viis sammu selle seadistamiseks.

Manustatud ilma koodi kirjutamata

Igal Simplio3D konfiguraatoril on jagamislink ja kopeeritav iframe’i koodilõik. Igal Dero tootelehel asub see koodilõik täislaiuses pealkirja 3D-vaatur all. Puudub plugin, skript ja ühendus e-poega, seega tähendas vaaturi avaldamine ühe koodilõigu kleepimist ühele lehele.

Kuna lehel on vaid see koodilõik, hallatakse 3D-vaaturit ennast rakenduses Simplio3D. Uus viimistlus või uuendatud mudel muudetakse seal ning see ilmub dero.com-is järgmisel lehe laadimisel, ilma et keegi peaks tootelehte muutma. Rohkem teavet selliste vaaturite kohta: 3D-tootevaatur.

Hoop Racki 3D-vaatur dero.com-is pealkirja „3D-vaatur” all: kuldkollase viimistlusega ümmargusest torust lai ümberpööratud U-kujuline raam kahel pinnapealsel alusplaadil; valik „Select Mount” on seadistatud väärtusele „Surface”, lüliti „Lean Bar” on välja lülitatud ning viimistlusnäidiste hulgast „Select Finish” on valitud „Bright Yellow”. — Hoop Racki 3D-vaatur sellisena, nagu see kuvatakse saidil dero.com, viimistlusega Bright Yellow.

Tulemused

Iga viimistlus otse hoidikul nähtav

Külastajad saavad enne ostu või hinnapäringu esitamist proovida vaadataval hoidikul kõiki 22 viimistlust koos neile sobiva kinnituse ja toetustoruga.

Sama tööriist seitsmel lehel

Alates Hoop Rackist kuni Bike Bike Rackini toimib iga 3D-vaatur ühtemoodi, pakkudes samu kolme valikutüüpi ja samu viimistlusi.

Veebisaidil pole midagi uut hallata

Tootelehtedel on ainult manustamiskood. Muudatused tehakse rakenduses Simplio3D ning pood ja hinnapäringute loend toimivad edasi nagu varem.

Mida Dero ütleb

Simplio3D abil oli lihtne näidata meie rattahoidikuid sellistena, nagu need pärast paigaldamist välja näevad. Igas 3D-vaaturis on kinnitusviis, toetustoru, kui hoidikul see olemas on, ning meie täielik viimistlusvalik; selle lisamine tootelehele nõudis vaid manustamiskoodi kleepimist. Arendajat ega pluginat pole vaja ning lehti on endiselt lihtne hallata.

Colin K.Disainer · Dero

Küsimused selle projekti kohta

Tööriist, mis näitab rattahoidikut 3D-s ja võimaldab ostjal muuta selle valikuid, näiteks kinnitusviisi, toetustoru või viimistlust, ning näha tulemust enne tellimist. Dero lahendus on teadlikult lihtne: kolme tüüpi valikud ja 3D-vaade, ilma hinna või vormita.

Seitsmel ärikasutuseks mõeldud rattahoidikul: Hoop Rack, Hoop Rack Heavy Duty, Downtown Rack, Arc Rack, Swerve Rack, Bike Hitch ja Bike Bike Rack. Iga vaatur asub vastava hoidiku tootelehel saidil dero.com.

Kinnitust (pinnapealne või maasisene), tugilatti neljal hoidikul, millel see valik on, ning viimistlust 22 näidise hulgast, sealhulgas tsingitud teras, roostevaba teras ja 20 värvitooni. Kokkuvõte loetleb valikud sõnades.

Dero tootelehtedel on juba olemas oma võimalused ostmiseks või pakkumise küsimiseks. 3D-vaatur aitab külastajatel ainult valida, mistõttu oli selle seadistamine lihtne ja hooldamine mugav.

Ei. Iga 3D-vaatur on iframe'i lõik, mis kopeeritakse kohast Simplio3D ja kleebitakse tootelehele. Pluginat ega ühendust poega ei ole ning kohas Simplio3D tehtud muudatused ilmuvad lehele ilma seda muutmata.

Jah. Simplio3D konfiguraatorisse saab lisada tingimusreegleid, hinnastuse, hinnapakkumise või kontaktivormi ning liitreaalsuse, kui toode seda vajab. Järgmises jaotises kirjeldatakse, mida selline projekt võiks juba täna lisada.

Mida selline projekt tänapäeval juurde annaks

Ükski selles jaotises kirjeldatud funktsioon ei kuulu eespool kirjeldatud Dero 3D-vaaturite juurde, mis töötavad Simplio3D varasemal versioonil. Jalgrattahoidikute või alasisustuse tootjale, kes alustab nüüd:

Hoidik sinna, kuhu see paigaldatakse. Liitreaalsus paigutab konfigureeritud hoidiku telefoni kaudu kõnniteele või jalgrattaruumi ilma rakenduseta: AR Quick Look seadmes iOS, Scene Viewer seadmes Android ning lauaarvuti brauserist loodud QR-kood.
Üksikasjad mudelil. Kuumpunktid lisavad teabeakendega tähiseid, näiteks toru mõõdu või hoidikusse paigutatavate jalgrataste arvu, ning Scenery muudab tausta ja kaamerat.
Vaatur ja tellimisvorm sünkroonis. Manustatud konfiguraator teatab igast muudatusest brauserisündmusena, simplio3d:option.changed, nii et soovi korral saab veebisait mõne oma skriptirea abil eeltäita oma tellimisvormil sama viimistluse ja paigaldusviisi.
Ülejäänud valik kiiremini. Uue hoidiku esimese konfiguraatori saab luua kirjaliku kirjelduse põhjal ning kategooriapõhine hulgilisamine muudab ühise materjaliteegi viimistlusvaliku näidiste komplektiks, ilma et iga näidist tuleks käsitsi luua.
Iga vaaturi kontrollimine. AI-assistent saab auditeerida valikute katvust ja tingimusloogikat, näiteks kontrollida, et igal viimistlusel on materjal, ning pakkuda parandusi. AI-klient, näiteks Claude, mis on MCP kaudu tööruumiga piiratud ühenduse abil ühendatud, saab teha samu kontrolle ning hindade või SKU-de muudatused jõuavad alati ootel muudatustena, mille rakendab inimene.

3D-eelvaated igale aknaluugile

Kuidas Evergreen Shutters lisab oma hinnapakkumissüsteemist saadetavale igale pakkumisele iga aknaluugi genereeritud 3D-vaate.

Evergreen Shuttersi kliendilugu →

Värvid ja vorm, mitte midagi muud

Kuidas Fanbedarf.de lisas oma WordPress veebisaidile 3D-jakikonfiguraatori nelja mudeli, kangavärvide ja päringuvormiga.

Fanbedarf.de kliendilugu →

Tootevaatur igale kataloogile

Näidake tooteid 3D-vormis igal veebisaidil, koos pööramise, suumimise, animatsioonide ja märkustega, esitlustel ja tootelehtedel.

3D-tootevaatur →

Ehitage, juurutage ja skaleerige 3D-kaubandust.

Omage 3D-tootekonfigureerijat müügi suurendamiseks ja pakkumiste loomiseks otse oma veebisaidelt

Proovige tasuta Räägime

Seotud juhtumiuuringud

Tentest: 3D pop-up telgi konfiguraator, mille igal paneelil on kujundusala