Simple embed Custom CSS Web Component
→ Demo

Simple Embed

The LD Platform's own built-in panel, no custom code needed. One script tag or iframe URL and the configurator is live, options and labels pulled directly from the CMS.

Zero custom JS Fastest to ship Upgradeable later LD default panel
Upholstered
Dining Chair
Colour
White
Finish
Gloss
Leg style
Tapered wood
LD default panel · no client code required
→ Production example

Life Fitness: live integration

Life Fitness uses the LD default panel with no custom CSS or JavaScript. All configurable options are managed entirely in the CMS. The embed is a single snippet on their product page; Life Fitness's team did not write or maintain any panel code.

Life Fitness configurator, frame colour selection
Frame colour Five colour options as labelled pill buttons; active state in bold with a heavy border
Life Fitness configurator, smart lighting selection
Smart lighting Large option set rendered automatically; no client layout code required
What the customer experiences: A 3D model with a panel of labelled options. Clicking any option updates the model instantly.
Compare with the custom CSS page to see the same options with brand styling applied.
→ When to use this
  • Product has few options and the default panel layout is sufficient
  • Client needs a live scene quickly
  • Client does not want to invest in custom UI at this stage
  • Fastest possible handoff: one snippet, done
→ Project scope
  • No UI development required from LD or the client's team
  • Client adds one script tag or iframe URL to their page template
  • Option labels and panel content are managed in the CMS, not in code
  • Can be upgraded to Custom CSS or a Web Component integration at any point without rebuilding the scene