Seamless Integration
Effortless, Plugin-Free 3D Experiences
Our cutting-edge application platforms require no plugins or downloads—just instant, frictionless access across desktop, tablet, and mobile devices.
Fully eCommerce-compatible, our solutions empower your customers to configure, explore, and personalise products with ease. We build comprehensive 3D configuration tools that embed directly into your website, enhance user engagement, drive conversions, and inspire confident purchasing decisions.
Robust and reliable APIs allow for seamless connectivity.
Website
Your existing or new website or eCommerce store. We listen to your UI for commands.
API
API is the acronym for Application Programming Interface, which is a software intermediary that allows two applications to talk to each other.
3D Canvas
Our 3d Configurators and Viewers us an iframed 3d canvas embedded into your webpage.
JavaScript Three.js ES6 HTML CSS Yarn or NPM FTP mySQL or similar 3D modelling 2D art OpenGL shaders WebGL Command line PHP SSH WordPress REST API
Visual Studio Code (IDE for JavaScript, HTML, CSS etc)
Blender (3D modelling) GIMP (2D art) WinSCP (FTP) Putty (SSH) Postman (REST API)
API Detailing
How the 3D Configurator Integration Works.
The integration is built around a two-part communication system between the store page UI and the embedded 3D viewer (via iframe):
Trigger Function (Store Page UI):
We use jQuery to attachchangeevent listeners to the UI options. When a user makes a selection, the trigger function sends a message to the embedded viewer using JavaScript’spostMessageAPI. This message contains the title and value of the selected UI element.Receiver Function (3D Viewer):
On the viewer side, a public function listens for incoming messages. When a message is received, it extracts the title and value, then applies the appropriate update to the 3D visual in real time.
