FlowCraft ROI Calculator
Drag the team size and type a monthly software cost. The annual savings, 3-year ROI and cost comparison update as you go. This demo runs the same app.js that comes with the paid calculator.
Sample pricing. The demo uses $50 a month plus $10 per employee. You set your own product's prices, and nothing you enter here is saved or sent.
Try it
- Set the team size. Drag from 1 to 500 employees, or use the arrow keys.
- Enter today's cost. What the team pays each month for the tools being replaced.
- Read the savings. Annual savings, 3-year ROI and a cost comparison, all formatted as currency.
Savings calculator
See what your team could save
Move the slider and enter what you pay today. Your savings update as you type. (Sample pricing.)
Everything you pay each month for the tools we'd replace.
With us: $300 a month ($50 base + $10 × 25 employees)
Estimated annual savings
$10,800
That's $900 a month back in your budget.
3-Year ROI
300%
3-Year savings
$32,400
Estimates only, based on the figures you enter and sample list prices.
How the savings and ROI are calculated
The math lives in app.js and is explained line by line in comments. You set your product's prices in the HTML; the rest is worked out for you.
- New monthly costBase fee + (price per seat × employees)
- Annual savings(Current monthly cost − new monthly cost) × 12
- 3-year ROI3-year savings ÷ 3-year cost of the new product × 100
Example with the defaults: 25 employees cost $50 + $10 × 25 = $300 a month. Against $1,200 today that saves $900 a month, or $10,800 a year. Over 3 years that's $32,400 saved on $10,800 spent: 300% ROI.
<section data-roi
data-base-fee="50"
data-per-seat="10"
data-years="3"
data-currency="USD"
data-locale="en-US">EUR with de-DE shows "10.800 €". If a visitor's current cost is already lower, the calculator says so honestly instead of showing a negative saving.What the full version includes
Delivered as a ZIP download through Payhip.
-
index.htmlInputs, results card and quote form, styled with Tailwind CSS -
app.jsSavings and ROI math, currency formatting and the quote form, heavily commented -
style.cssCustom slider, animated cost bars and number updates -
README.txtSetup guide, plus an optional.htaccessfor Apache/Hostinger
Requirements
- Any web host, or none. The calculator also runs when
index.htmlis opened directly from your computer. - Your own pricing. Your product's base fee and price per employee, set in the HTML.
- A form endpoint to receive leads (optional). Any service that accepts a JSON
POST, for example Formspree, Make or Zapier. Until you add one, the quote form sends nothing and says so. - An internet connection for visitors. Tailwind CSS loads from its public CDN. No npm install or build step.
Get the ROI Calculator
Start with the free static shell to check the layout, or get the full version with the working calculator you just tried.
Free
Free Static HTML Shell
The calculator's layout: inputs, results card and quote form, so you can review the design and markup in your own project.
- Complete visual layout
- Sample structure and markup
- Does not include the calculation or form logic
Opens the free download on Payhip.
Full version
Full ROI Calculator — $97
The working calculator you just tried, ready for your own pricing.
- Annual savings, 3-year savings and ROI update as visitors drag and type
- Set your own base fee, per-seat price, years and currency in the HTML
- Built-in quote form sends each visitor's email and numbers to your form service
- No build step: HTML, Tailwind CSS (via CDN) and vanilla JavaScript
Checkout and download are handled by Payhip.
Back to the FlowCraft catalogue to see the other components.