---
title: Interactive Calculator — HubSpot module demo by .HUB
description: "Live demo of the Interactive Calculator HubSpot module: sliders, formula-driven results and theme-inherited styling. Cost of manual work, ROI, pricing — any scenario."
---

[.HUB](https://www.dot-hub.club/?hsLang=en) [Contact](https://www.dot-hub.club/?hsLang=en#chat)

Marketplace module demo

# Interactive Calculator

Up to four sliders and up to four live results, each driven by a formula you type in the page editor — no code. Ships with a "cost of manual work" scenario; rename the sliders and change the formulas to get an ROI estimate, a price calculator, a savings or capacity planner. Colours and fonts inherit your theme settings.

[Get it free on the HubSpot Marketplace →](https://ecosystem.hubspot.com/marketplace/modules/interactive-calculator-module-by--hub)

Custom development

Need a custom version — extra inputs, lead capture on the result, or a calculator built from your own design?

[Contact me about custom development →](https://www.dot-hub.club/?hsLang=en#chat)

Variant 1 — cost of manual work, light scheme

## What is manual work *costing* you?

Move the sliders. This is the time your team spends copying data, chasing follow-ups and building reports by hand.

People doing manual CRM work 3 Hours a week each, on manual tasks 6 Average cost per hour $30 Average cost per hour $30

0 hours a month on manual work

0 a year, at that rate

0 back a year with 70% automated

Based on what usually gets automated in a first build: lead routing, follow-up sequences, data entry and recurring reports. Your real number comes out of the audit.

[Get my real number→](https://www.dot-hub.club/interactive-calculator-demo#contact)

Variant 2 — quick estimate, dark scheme

## How much will your HubSpot build *cost*?

A rough estimate before we talk. Set the scope of the work and your hourly rate — the panel shows the expected hours and a budget range.

Website pages to build 8 Workflows and automations 5 Integrations with other tools 2 Hourly rate $60/h

0 estimated hours of work

0 budget from

0 budget up to

Rule of thumb: about 4 hours per page, 3 per workflow and 8 per integration, ±15%. Every label, range and formula is a text field in the page editor; the colour scheme is a switch in Styles → Background.

[Get a precise quote→](https://www.dot-hub.club/?hsLang=en#chat)

Under the hood

## How the two calculators are set up

Both sections above are the same module. Every slider and every result is a field in the page editor — the only thing that changes between the two variants is the text you type in, plus two switches in the Styles tab (colour scheme and divider lines).

### Variant 1 — cost of manual work

| Slider | Reference | Start |
| --- | --- | --- |
| People doing manual CRM work | `{s1}` | 3 |
| Hours a week each, on manual tasks | `{s2}` | 6 |
| Average cost per hour | `{s3}` | $30 |

1. **Hours a month** — `{s1} * {s2} * 4.33` → 3 × 6 × 4.33 = **78**
2. **Cost a year** — `{s1} * {s2} * 52 * {s3}` → 3 × 6 × 52 × 30 = **$28,080**
3. **Back a year with 70% automated** — `{s1} * {s2} * 52 * {s3} * 0.7` → **$19,656** (highlighted)

### Variant 2 — quick estimate

The first three sliders describe the *scope* of the work, each with its own weight in hours; the fourth is the *price* of an hour. The result is an hour estimate and a ±15% budget range around hours × rate.

| Slider | Reference | Start | Weight |
| --- | --- | --- | --- |
| Website pages to build | `{s1}` | 8 | 4 h per page |
| Workflows and automations | `{s2}` | 5 | 3 h per workflow |
| Integrations with other tools | `{s3}` | 2 | 8 h per integration |
| Hourly rate | `{s4}` | $60 | — |

1. **Estimated hours** — `{s1} * 4 + {s2} * 3 + {s3} * 8` → 32 + 15 + 16 = **63 h**
2. **Budget from** — `({s1} * 4 + {s2} * 3 + {s3} * 8) * {s4} * 0.85` → 63 × 60 × 0.85 = **$3,213**
3. **Budget up to** — `({s1} * 4 + {s2} * 3 + {s3} * 8) * {s4} * 1.15` → 63 × 60 × 1.15 = **$4,347** (highlighted)

### Three ways to calculate a result

- **Multiply all sliders together × factor** — e.g. people × hours × rate × 52. Every slider counts, including one you add later.
- **Add all sliders up × factor** — every slider is summed, then multiplied by the factor. New sliders are included automatically as well.
- **Custom formula** — anything else, written with `{s1}`–`{s4}`, numbers, `+ − × ÷` and brackets. Only these are accepted, so formulas are safe to hand to any editor. A slider that a custom formula does not mention is ignored.

### Make it your own

- Change the weights (4 / 3 / 8) and the range (0.85 / 1.15) to match your own rates and rules of thumb.
- Other scenarios that fit the same fields: ROI of a campaign, subscription pricing, time saved per month, team capacity, cost per lead.

HubSpot business process design and problem solving for small and medium businesses.

We build the CRM, CMS, automation and AI processes your business runs on — and fix what's already broken in your HubSpot.