3D configurator and calculators
A 3D product configurator lets shoppers spin your product, see it in each finish and drop it into their own room from their phone. A free calculator builder turns their measurements into the number of packs they need and puts that quantity straight in the basket.
Calculator Builder free on every plan · 3D Product Configurator as a paid add-on, with a free trial
Area into packs
Straight to the basket
Your products in 3D and AR
Rotate, zoom and see it in the room
The 3D Product Configurator: spin it, change the finish, see it in the room. A paid add-on for any plan.
Both sit on the product page you already have. Run one, or both side by side.
Finishes follow your options
Matched to the model by name
For your shopper
The product gallery gets a photo and 3D switch. In 3D the shopper turns the product with a finger or a mouse, zooms into the detail, picks a finish and watches it change, and taps View in your room to see it at full size on their own floor.
One GLB model replaces the six-angle shoot. Shoppers drag to rotate, scroll to zoom, reset the view or go fullscreen, and you can keep the option pickers on screen in fullscreen too.
Pick Walnut and the model shows walnut. Option values are matched to the finishes baked into the model by name, and where a name does not match you pin the right finish to that variant yourself.
On a phone, View in your room uses the phone’s own AR to place the model at real size. On a desktop the same button shows a QR code that opens the page in 3D on their phone.
The gallery keeps every photo. 3D is a second view, opened by the switch in the corner or set as the view that opens first.
Finish mapping in one go
Every suggestion pinned to its variant
For you
Install the add-on and every product gets a 3D Configurator section in its editor, under Plugins. Upload the GLB; if the finishes inside it are named like your option values there is nothing else to do.
The editor reads the finishes baked into the GLB and suggests a match for each variant it can pair by name, exact or close: Walnut to walnut. Apply all, save, done.
When a value and a finish are named differently, choose the finish for that variant in the Variant models table. Nothing to rename inside the model.
A product can carry a different GLB per variant instead of one model with finishes. Variants without their own model use the default.
Choose Neutral studio or Warm, or upload your own HDR lighting image, for the whole store from the add-on’s settings. Any product, and the Product Media element, can override it.
Free calculator builder
Templates and formulas
Calculator Builder
The Calculator Builder is a free add-on with a drag and drop builder. Start from a template, wire the inputs to a formula, style it to match the shop and drop it on any page. The quantity it works out can go straight into the basket.
Price quote, coverage (how many packs?), installation or service quote, loan repayment, ROI and bulk pricing with quantity breaks. Edit any of them.
ceil(area * waste / coverage) is the whole coverage formula. Sliders, dropdowns, checkboxes and lookup tables feed the variables, and the builder flags a broken formula before it lets you publish.
Switch on Email results and the shopper can email themselves the breakdown. You get each submission too, in the calculator’s own inbox, with a Reply button.
On a product page the calculator can add that product at its normal price, with the quantity rounded up to a whole number. Anywhere else, pick the product it should add.
Runs without you
Once the model is mapped and the calculator is published, the product page does the rest.
As soon as a product has a GLB in its media, the gallery grows its photo and 3D switch. Remove the model and the switch goes.
On phones the AR button uses the phone’s own AR; on desktops Product Media shows a QR code that opens the page in 3D on a phone. Switch the button off on the element in the page builder.
Every time the shopper changes an option, the model switches to that value’s finish, and a variant with a model of its own loads that model instead.
The lighting, tone mapping and shadow you set for the store apply to every model, unless a product sets its own.
Every emailed quote is stored as a submission with the visitor’s name, email and their numbers, and you get an email for each one if you want it.
Each calculator shows how many times it has been seen and how many submissions it has taken, on the list where you edit it.
The exact terms
Formats and settings, named as the dashboard names them.
The model
The model goes in the product’s Media section like a photo, and the poster shows while it loads. Compressed files (meshopt, Draco, KTX2 textures) load without conversion. iPhone and iPad open the USDZ in AR when there is one, and need it when the textures are KTX2.
What an option can do
A picked option value switches the model to the finish baked in under the same name. A variant can also pin a finish of its own, or load a model of its own.
Viewer and lighting
The store sets the lighting (Neutral studio, Warm or your own HDR image), tone mapping, contact shadow and full resolution rendering. Each product can add auto-rotate when idle, a field of view from 10 to 90 degrees, a background colour and lighting of its own. The AR button is a switch on the page-builder element.
On the product page
Product Media is the gallery with the photo and 3D switch, the controls pill, the AR button, the QR card and a fullscreen view that can keep the option pickers on screen. 3D Configurator is the standalone viewer for a template of your own. Both sit in the page builder’s Plugins tab once the add-on is installed.
Animated models
Choose the clip, whether it autoplays and whether it loops, per product or from the page-builder setting. The gallery adds a small timeline so the shopper can scrub an opening drawer or a folding leg.
Calculator elements
Inputs: number, slider, dropdown, radio group, checkbox, text and date. Output: result and gauge. Logic: value source and value lookup for tiered pricing. Layout: heading, text, image, separator, button and a step break for a multi-step wizard.
Formulas
Add, subtract, multiply, divide, remainder and power; comparisons with and, or and not; rounding, min, max, abs, sqrt, pow and clamp, trigonometry and logs, plus if(condition, then, else) and the constants pi and e. Any element can be shown only when a formula is true. Every formula is checked before you can publish.
Results, leads and the basket
Results update as they type or after a Calculate button. Email results collects a name and an email, sends the breakdown through your store’s verified sender and stores the lead; Add to cart adds the product on the page, or one you choose, in the calculated quantity rounded up. Every calculator also has a share link and an embed snippet for another website.
What you need
You bring the model. Everything else is a setting.
The model
From your manufacturer, your CAD package or a 3D artist, with the finishes you sell baked in as material variants and named the way your options are named. On iPhone and iPad the viewer converts the GLB when the shopper taps the AR button, unless its textures are KTX2-compressed; add a USDZ for those models, or to choose the file they open. Android uses the GLB as it is.
The options
The configurator reads the product’s existing options and variants: Top finish, Colour, Size. Name the values as the finishes in the file are named and the mapping does itself; otherwise apply the suggested matches, or pick a finish for each variant, in the 3D Configurator section.
The page
Put the Product Media element on your product template in the page builder for the gallery’s photo and 3D switch, or the 3D Configurator element for a standalone viewer. A calculator needs only the Calculator element, on any page.
Finishes and models
What an option can change
An option can switch a finish baked into the model, and a variant can load a model of its own.
Bring the model
Hosted by Orbit
Orbit hosts and displays the GLB you get from your supplier or a 3D artist, in the media library beside your photos.
USDZ for KTX2 models
AR on Apple devices
Android opens the GLB in AR directly. On iPhone and iPad the viewer converts it when the shopper taps View in your room, unless its textures are KTX2-compressed; for those models, or to choose the file they open, upload a USDZ.
Pricing
£19
a month, billed yearly, ex VAT
Available: 3D Product Configurator add-on
14 days free, no card
£64
a month, billed yearly, ex VAT
Available: 3D Product Configurator add-on
14 days free, no card
£187
a month, billed yearly, ex VAT
Available: 3D Product Configurator add-on
14 days free, no card
£749
a month, billed yearly, ex VAT
Available: 3D Product Configurator add-on
14 days free, no card
The 3D Product Configurator is billed on top of any plan and priced on its listing in the Plugin Store, with a free trial on install and no card until you subscribe. The Calculator Builder is free. Plan prices exclude VAT.
FAQ
Eleven things people ask before uploading a model or publishing a calculator.
Related
Products
The options and variants the configurator reads are the ones you already set on the product.
Page builder
Product Media, 3D Configurator and Calculator are page-builder elements: the first two go on the product template, the calculator on any page.
Media
GLB, glTF and USDZ files sit in the media library beside your photos, from 100GB on Solo to 1TB on Enterprise.
Calculators free, 3D free to try
Upload the model, name the finishes, drop the elements on the product template. Add a calculator for the things people count. 14 days free on Orbit and a free trial on the 3D add-on, no card for either.
We use cookies to enhance your browsing experience, analyse site traffic, and personalise content. By clicking "Accept all", you consent to our use of cookies. You can manage your preferences or learn more in our Cookie Policy.