Dero: 3D конфигуратор за стойки за велосипеди, вграден без код

Dero е производител на решения за паркиране на велосипеди в Минеаполис, Минесота, и компания от групата PlayCore. Тя произвежда търговски и персонализирани стойки за велосипеди, обществени станции за ремонт на велосипеди, навеси за велосипеди, шкафчета за велосипеди, градско обзавеждане и продукти за улична среда и подкрепя своите клиенти от 1995 г. — от собственици на жилища, които купуват една стойка, до архитекти, които планират помещение за велосипеди за стотици колоездачи. Страниците с продукти предлагат това, което търсят проектантите: брошури, листове за подаване, ръководства за монтаж, CAD, Revit и SketchUp файлове и CSI спецификации.

Седем от тези страници вече разполагат и с 3D конфигуратор на стойки за велосипеди, създаден в Simplio3D и озаглавен просто 3D визуализатор. Той е умишлено опростен. Посетителят избира начина на монтаж на стойката, добавя опорна греда, когато моделът я предлага, и изпробва покритията ѝ, като стойката се променя в 3D. Няма цена, количка или формуляр, а добавянето му в dero.com изисква поставяне на код за вграждане, а не програмиране.

Решението: 3D конфигуратор на стойки за велосипеди на седем продуктови страници

В dero.com всяка стойка има собствена продуктова страница с описание, документи и файлове за изтегляне, както и собствени опции на Dero за покупка или запитване за оферта. Седем от тях — от Hoop Rack, която Dero нарича стандарт за паркиране на велосипеди, до Bike Bike Rack, оформена като велосипед — вече имат секция със заглавие 3D визуализатор по-надолу на страницата.

Всеки 3D визуализатор е базов конфигуратор. Стойката се завърта и мащабира на светлосив фон, а панелът до нея съдържа не повече от три избора: монтаж, опорна греда и покритие. Нищо не е с цена, нищо не се добавя в количка и нищо не се изпраща. Единствената му задача е да покаже стойката, поради което настройването му е толкова лесно.

Монтаж, опорна греда и покритие, показани върху стойката в 3D

Трите избора са тези, които променят вида на стойката след монтажа ѝ:

• Монтаж. Падащо меню с опции Surface и In-Ground. Surface показва стойката върху базовите плочи, с които е закрепена с болтове; In-Ground ги заменя с по-дълги крака, които влизат в земята.
• Опорна греда. Превключвател за Hoop Rack, Hoop Rack Heavy Duty, Downtown Rack и Arc Rack. При включване през стойката се появява хоризонтална греда; останалите три стойки просто не показват превключвателя.
• Покритие. 22 мостри, еднакви за всяка стойка: Galvanized и Stainless, следвани от 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 и Iron Gray. Поцинкованата мостра показва петнистата текстура на поцинкованата стомана, а не плътен цвят.

Малък бутон (i) под панела отваря Обобщение на конфигурацията, което изписва изборите с думи: например при Swerve Rack — Select Mount: Surface и Select Finish: Wine Red. Посетителят може да премине директно оттам към опциите за покупка или запитване за оферта на същата страница.

Визуализация до собствените опции на Dero за покупка и оферта

Продуктовите страници на Dero вече продават. Всяка от тях съдържа собствени опции на Dero за покупка или запитване за оферта: покритие, монтаж и, когато е приложимо, опорна греда, следвани от количество, Добавяне в количката и Добавяне към запитване за оферта, като по-големите количества преминават през списъка за оферти. 3D визуализаторът е на същата страница и не променя нищо от това.

Той няма собствена цена, количка или формуляр и не изпраща нищо никъде. Посетителят разглежда стойката с желания монтаж и покритие, след което прави същите избори в опциите на Dero. Именно този минимален обхват позволява бързото му публикуване: няма продукт за свързване, цена за синхронизиране или формуляр за насочване към някого.

Вграден без писане на код

Всеки конфигуратор на Simplio3D разполага с линк за споделяне и iframe код за копиране. На всяка продуктова страница на Dero този код се намира под заглавието 3D визуализатор на пълна ширина. Няма плъгин, скрипт или връзка с магазина, така че публикуването на визуализатор означава поставяне на един код в една страница.

Тъй като страницата съдържа само този код, самият 3D визуализатор се управлява в Simplio3D. Ново покритие или актуализиран модел се променят там и се показват на dero.com при следващото зареждане на страницата, без никой да редактира продуктовата страница. Научете повече за подобни визуализатори: 3D визуализаторът на продукти.

Какво би добавил подобен проект днес

Нищо от този раздел не е част от описаните по-горе 3D визуализатори на Dero, които работят с по-ранната версия на Simplio3D. За производител на стойки за велосипеди или градско обзавеждане, който започва сега:

• Стойката там, където ще бъде поставена. Добавената реалност поставя конфигурираната стойка върху тротоара или в помещение за велосипеди чрез телефон, без приложение: AR Quick Look на iOS, Scene Viewer на Android и QR код от браузър на настолен компютър.
• Детайли върху модела. Hotspots добавят маркери с изскачащи информационни прозорци — например за размера на тръбата или броя велосипеди, които стойката побира — а Scenery променя фона и камерата.
• Синхрон между визуализатора и формуляра за поръчка. Вграденият конфигуратор обявява всяка промяна като събитие в браузъра, simplio3d:option.changed, така че сайтът, който желае, може предварително да избере същите покритие и монтаж в собствения си формуляр за поръчка с няколко реда собствен скрипт.
• По-бързо добавяне на останалата гама. Първи конфигуратор за друга стойка може да бъде генериран от писмено описание, а груповото добавяне по категория превръща гамата покрития от споделената библиотека с материали в набор от мостри, без всяка мостра да се създава ръчно.
• Проверка на всеки визуализатор. AI асистентът може да проверява покритието на опциите и условната логика, например дали всяко покритие има материал, и да предлага поправки. AI клиент като Claude, свързан с работното пространство чрез MCP с ограничен обхват на връзката, може да изпълнява същите проверки, а промените в цени или SKU винаги пристигат само като чакащи промени, които човек одобрява.