→ London Dynamics Platform

3D Product
Configurator

Three ways to integrate: iframe, styled embed, or full control via Web SDK.

Integration modes

Three ways to embed

Simple embed

Simple embed

The configurator loads inside an iframe. We provide a URL, the client pastes it into their page as a single embed snippet. No code required on their side.

  • Client pastes one line. No code required on their side.
  • Fastest way to publish
  • Works in any website or CMS
  • Sizing and aspect ratio can be adjusted via iframe width and height attributes
See it in action →
Custom CSS

Custom CSS

Same iframe embed, with a custom CSS stylesheet applied on top. The client hosts a CSS file and links it in the CMS under Styling. Their fonts, colours, and button styles override the defaults.

  • No JavaScript required
  • Panel structure stays as-is, appearance changes
  • Good when the default panel layout works but needs brand styling
  • Client provides a hosted CSS file. We link it in the CMS. No frontend build required.
See it in action →
Our standard

Web Component

A native HTML element <ld-configurator> installed via a script tag or npm package. The default panel is hidden and the enduser-facing UI can be build from scratch by our customer (their development team). Exposes a full API: properties, methods and events.

  • WebSDK is fully documented
  • Installed via script tag or npm
  • Listen for events: ready state, user selections, configuration changes
  • Send commands programmatically: set features, load saved configurations
  • Load a specific configuration on page load via a hash attribute
  • Style the element like any HTML element: width, height, shadow, layout
  • Full control over enduser flow, defaults and option logic
See it in action →

Planning a new project?

See how a project is structured end to end, and what we need to confirm before build starts.

How a project works →