Calcumate3D

Calcumate3D is our new storage calculator. Visitors pick the items they want to store, watch them stack inside a 3D storage unit, and get a unit recommendation with a call to action that sends them to your booking page. You build it in the Calculator Builder inside your Calcumate dashboard, publish it, and paste a short embed code into your website.

Looking for Calcumate (original)?

Calcumate3D is a separate product with its own builder, embed code and events. If your website runs Calcumate (original), its guides are in the Calcumate (original) documentation. You can switch between the two at any time with the selector at the top of the sidebar.

Which calculator do I have?

	Calcumate (original)	Calcumate3D
Where you manage it	My Calcumate in your dashboard	3D Calculators in your dashboard
Script in your embed code	https://production.calcumate.co/static/js/main.js	https://cdn.calcumate.co/calculators/calcumate3d/calcumate.js
Container in your embed code	<div id="calcumate-root" ...>	<div data-calcumate data-calcumate-ref="..." ...>
Documentation	Calcumate (original) guides	This section

If you are not sure, open the page on your website where the calculator appears, view its source and look for the script address above.

Already using Calcumate (original)?

You do not have to start from scratch:

• Upgrade from Calcumate (original) to Calcumate3D keeps your locations, billing interval and currency, and credits unused time.
• Copy your Calcumate (original) calculators into Calcumate3D brings your existing calculators into the 3D builder.
• Switch your website to Calcumate3D explains what changes in the embed code. Your existing event listeners and hooks keep working.

Your Calcumate (original) calculators keep working while you move over.

Before you start

Have these ready and you can finish the whole setup in one sitting:

• The domain of the website the calculator will live on, for example www.yourwebsite.com.
• The URL of your booking or quote page. Visitors go there when they click the call to action.
• Your unit sizes: the width, depth and height of each storage unit you offer.
• Your logo as a PNG, JPEG, SVG, WebP or GIF file.
• Your brand colour as a hex value, for example #3B82F6.
• If you have more than one facility, the address and map coordinates of each location.

Everything else has a default you can keep.

Quick start

If you only want the shortest path to a working calculator:

1. Sign up for Calcumate3D, or upgrade if you already pay for Calcumate (original).
2. Go to the 3D Calculators page in your dashboard and click Build Calculator to open the builder.
3. On Options, enter a calculator name, your website domain and your booking page URL. If you have more than one facility, turn on Enable nearest facility and add your locations. Click Next.
4. On Units, check the default unit sizes and adjust them to match your facility. Click Next.
5. On Categories, keep the defaults. Click Next.
6. On Presets, keep the defaults. Click Next.
7. On Design, upload your logo and set your brand colours. Click Next.
8. On Confirm, copy the embed code and click Publish Calculator.
9. Paste the embed code into the page on your website where the calculator should appear.

Every step you skip is filled with sensible defaults, and you can reopen the calculator at any time to change anything.

Next saves, Back does not

Pressing Next saves the step you are on. Back only moves to the previous step. Your edits stay on screen, but they are not saved until you press Next again.

Guides

Guide	What it covers
Account and billing	Signing up, billing, upgrading from Calcumate (original), copying calculators, managing your 3D calculators
Calculator builder	Every step of the builder in the order you meet them: options, units, categories, presets, design, publish
Developers and integration	The embed code, container sizing, events, Content Security Policy