Cost Calculator Pro HubSpot CMS Module

Overview

Cost Calculator Pro is the full-featured version of the Cost Calculator module. It includes everything in the standard version plus 7 additional input types, conditional logic, multi-step wizard mode, international number formatting, GDPR consent, and support for up to 30 calculator items.

What's Different from the Standard Version?

Feature	Standard	Pro
Calculator items	Up to 10	Up to 30
Input types	5 (dropdown, slider, toggle, quantity, checkbox)	12 (adds radio/image, text input, date picker, time picker, multiply group, separator, HTML block)
Conditional logic	—	Show/hide items based on other items' values
Multi-step wizard	—	One item per step with progress bar
Number formatting	US only	US, European, French/Nordic, Indian, no formatting
Fixed offset pricing	—	Base fee + per-unit calculation
GDPR consent	—	Optional checkbox before form submission
Redirect after submit	—	Send visitors to a thank-you page

Getting Started

Open any page in the HubSpot editor.
Search for Cost Calculator Pro in the module panel.
Drag it onto your page and click to configure.

Pro-Only Fields

Setup (Pro additions)

Field	What it does
Currency Space	Add a space between symbol and amount (e.g. "$ 100" vs "$100").
Number Format	Choose: US/UK (1,000.00), European (1.000,00), French/Nordic (1 000,00), Indian, or None.
Decimal Places	Display 0, 1, or 2 decimal places.
Hide total bar	Hide the total from visitors — useful when you only want the quote form to reveal costs.
Multi-step wizard mode	Show one calculator item at a time with Next/Previous buttons.
Show progress bar	Display a progress indicator in wizard mode.

Pro Input Types

Radio Buttons (with optional images) — Enter options as: Label | Price | ImageURL. Choose layout: Vertical List, 2-column Grid, 3-column Grid, or 4-column Grid.

Text / Number Input — A free-form number field. Set Min, Max, Default values and Price Per Unit.

Date Picker — A native date selector. Set a fixed price when a date is selected. Choose format: YYYY-MM-DD, MM/DD/YYYY, DD/MM/YYYY, or DD.MM.YYYY.

Time Picker — Set start hour, end hour, and format (12h or 24h). Set a fixed price when a time is selected.

Multiply Group — Define multiple input fields that multiply together. Example: Width × Height × $45/sqm = total.

Visual Separator / Spacer — Adds visual breaks between calculator sections. Choose: Line, Dashed, Dotted, or Blank Space.

Custom HTML / Rich Text Block — Insert formatted content between calculator items. No price impact.

Conditional Logic (per item)

Field	What it does
Enable conditional logic	Turn on show/hide rules for this item.
Watch item #	The item number to monitor (1 = first item, 2 = second, etc.).
Operator	Greater than, Greater/equal, Less than, Less/equal, Equal, Not equal.
Compare Value	The threshold value.

Advanced Pricing (per item)

Field	What it does
Fixed Offset Price	A base fee added on top of the per-unit calculation. Formula: (value × unit price) + offset.
Toggle default ON	Start the toggle in the ON position.
Use raw value	Capture the value for the quote but don't add it to the total (for informational fields).

Quote Form (Pro additions)

Field	What it does
Redirect URL	Send visitors to a custom URL after form submission.
GDPR consent checkbox	Show a consent checkbox that must be checked before submitting.
GDPR Consent Text	The label text for the consent checkbox.

Multi-Step Wizard Mode

When enabled, the calculator transforms into a guided flow: only one item is shown at a time, Previous and Next buttons navigate between steps, a progress bar shows completion percentage, and the total updates in real time as visitors move through steps.

Tips

Conditional logic chains: Item 3 can depend on Item 1, and Item 5 can depend on Item 3 — creating branching flows.
Informational fields: Use "Use raw value" for date pickers and text inputs that should appear in the quote summary but not affect the total.
European pricing: Set Number Format to "European" and Currency Symbol to "€" for correct formatting (1.234,50 €).
Offset pricing: Use Fixed Offset for items with a base fee plus variable cost, like "Setup fee $500 + $25/user".