How to build a 3D product configurator

Our free template allows you to add a 3D configurator to your website with minimal coding required.

1. Download the template

Download the template here.

2. Modify the JavaScript config file

The config.js file allows you to build your configurator without any code changes. An example config file is provided that demonstrates how to use this file.

3. Create the 3D model

Create your 3D model in glTF/GLB format and use material variants to add different options to your model.

4. Host the configurator online

Host the template files and 3D model online and your configurator is complete.

Need help building your configurator?
Hire Us
arrow-up icon