Interactive tools
A working calculator or configurator, coded for your website
Build a calculator, configurator, data explorer or custom browser experience.
One self-contained HTML file with working code you can download, edit and embed. No backend, database or integration is set up for you.
Free · No card required
New workspaces are paused right now. Already a customer? Continue with your email.
Start Interactive tools
Add your website now. You will choose the app details in Studio.
Free · No card required
Already have an account? Sign in
What goes in, what comes out
Interactive tools, from start to finished work
What you give it, what it does with it, and what you get back.
What you bring
- Experience type
- Reference material (optional)
- Who will use it (optional)
- What should it do?
- Logic, questions and data (optional)
- Design and placement (optional)
- Data collection and connections (optional)
What you get
- An original interactive experience with editable source and an embed-ready publishing handoff
What it does
- Custom experience: One interactive browser experience you describe, delivered as an embed-ready HTML page with editable source.
- Calculator or simulator: One interactive calculator or simulator for estimates, comparisons and what-if scenarios, delivered as an embed-ready HTML page.
How it runs
What happens after you start
It works through these steps and files an original interactive experience with editable source and an embed-ready publishing handoff in your Gallery.
- 01Custom experience: One interactive browser experience you describe, delivered as an embed-ready HTML page with editable source.
- 02Calculator or simulator: One interactive calculator or simulator for estimates, comparisons and what-if scenarios, delivered as an embed-ready HTML page.
- 03Configurator or recommendation tool: One configurator or recommendation tool that builds, compares or recommends options by your rules, delivered as an embed-ready HTML page.
- 04Interactive data or story: One interactive data explorer or story people click through, delivered as an embed-ready HTML page.
Who it’s for
When to reach for Interactive tools
- When your pricing page needs an ROI or savings calculator visitors can actually use
- When buyers keep asking which option fits them, to build a recommender on your rules
- When a dataset or a story deserves exploring, not a static chart
Questions
Interactive tools questions
What can it build?
A calculator or simulator with formulas, estimates, comparisons and what-if scenarios; a configurator or recommendation tool that builds, compares or recommends options using your rules; an interactive data explorer or story; or any custom browser-based interaction you can describe, including combinations of these.
Is it a real working tool or a mockup?
A real one. It is original HTML, CSS and JavaScript with a working handler for every control, and it is exercised in a browser before it is filed, including empty, invalid and boundary inputs.
Where do the numbers and rules come from?
From you. Supplied formulas, rules and data are preserved exactly; it separates your facts from its assumptions and never invents prices, benchmarks or correct answers.
Can it save responses or talk to my systems?
Not on its own. The tool runs in the visitor's browser session and no backend, database or CRM connection is provisioned by making it. If responses must be saved, name the approved service and it is set up and tested as a separate step.
How do I put it on my website?
Download the self-contained HTML file from your Gallery, or publish it for embedding on your approved website origins. Nothing is published until you choose to.
Will it work on phones?
Yes. Layouts are checked at phone and desktop widths, with keyboard navigation, visible focus and reduced-motion support.
Interactive tools builds from your brief, the formulas, rules and data you supply, any reference material you choose in your Gallery, and your Brand Kit. It connects to none of your accounts and provisions no server or database. How DesignTech handles your data
A working calculator or configurator, coded for your website
Free · No card required