Savings Calculator
Shows customers how much money they can save over a selected period.
Savezly Calculator Builder
Savezly Calculator Builder is a static, no-code calculator builder for creating ROI, pricing, savings, cost comparison, and business calculators that can be exported as ready-to-publish static files.
01
Getting Started
Use the builder from left to right, moving through each editor step while checking the live preview.
- Open Builder. Launch the included builder from the product folder.
- Select Template. Choose the calculator type closest to the final customer use case.
- Configure Fields. Edit labels, placeholders, default values, and helper text.
- Configure Formula. Map template variables to the fields used in the calculation.
- Configure Results. Set result titles, labels, formatting, and call-to-action copy.
- Configure Branding. Customize brand name, logo text, colors, and border radius.
- Generate Calculator. Export the finished calculator package as a static ZIP file.
02
Templates
Templates provide the starting structure for fields, formula variables, result settings, and branding.
ROI Calculator
Compares investment cost against expected revenue or gain.
Pricing Calculator
Builds a quote or estimate from base price, quantity, discounts, and tax assumptions.
Cost Comparison Calculator
Compares two options and highlights the lower-cost choice.
Time Savings Calculator
Converts saved hours into weekly, monthly, or annual value.
03
Fields
Fields control the inputs customers see inside the generated calculator.
Labels name each input clearly for the end user.
Placeholders show example values before customers enter information.
Prefix can display symbols such as currency markers before values.
Suffix can display units such as percent, hours, users, or months.
Default values preload practical sample numbers in the calculator preview.
Validation should guide users toward numeric values that make sense for the selected calculator.
04
Formula Builder
The Formula Builder connects calculator fields to the calculation model.
Formula variables represent the named values required by the selected template.
Variable mapping connects each formula variable to a field in the calculator.
Assumptions define supporting values such as tax percentage, setup cost, or multipliers.
Calculation logic is handled by the template engine and reflected in the live preview.
05
Results
Results settings control how calculated values are presented to the end user.
Primary Result is the main value displayed in the result card.
Secondary Results support the main result with useful breakdowns or comparisons.
Formatting supports currency, percentage, and number output styles.
CTA Button provides a simple next action after the result is shown.
06
Branding
Branding settings let buyers customize generated calculators without editing code.
Brand Name appears in the calculator header.
Logo Text creates a compact text mark for the calculator card.
Colors control primary, secondary, button, and result card styling.
Radius adjusts the corner style for a sharper or softer interface.
07
Export
Savezly supports project backups and ready-to-publish calculator packages.
Export Project
Downloads the editable project source as JSON for backup, sharing, and future editing.
Generate Calculator
Downloads a production-ready ZIP package that works without the builder.
ZIP contains
- index.html
- css/style.css
- js/app.js
- README.txt
08
FAQ
Common questions for buyers using Savezly Calculator Builder.
Can I host calculators on any website?
Yes. Generated calculators are static files and can be uploaded to most websites or static hosting platforms.
Do calculators require a server?
No. Generated calculators run in the browser using static HTML, CSS, and JavaScript.
Can I edit generated files?
Yes. The exported files are plain HTML, CSS, and JavaScript, so they can be customized manually.
Can I sell generated calculators?
Generated calculators can be packaged for client projects or productized workflows according to the license included with your purchase.
Can I use calculators on WordPress?
Yes. You can upload or embed the generated static files depending on your WordPress setup and hosting permissions.
Can I use the builder offline?
Yes. The builder is static and can run locally in a modern browser.
Does Savezly store my projects?
No server storage is used. Drafts are saved locally in the browser when local storage is available.
Can I import an old project?
Yes. Use Import JSON to restore an editable project source file created by the builder.
Can I change calculator colors?
Yes. The Branding section supports brand name, logo text, colors, and radius settings.
Can I create calculators without coding?
Yes. The builder is designed for visual configuration. Code editing is optional after export.
09
Support
Use this placeholder section for support terms, update notes, or product contact details.
Email: support@example.com