Limecube calculators are interactive tools you can add to your website for ROI estimates, financial calculations, and data visualisations. They help engage visitors and provide practical value directly on your pages.
Calculators are only available on business plans.
Before You Start
Preparation Checklist
- 1Determine the purpose of your calculator (e.g. loan repayment, ROI, savings estimate)
- 2Gather all input data — amounts, percentages, fees, and ranges
- 3Decide on units and currency format
- 4Have your brand colours ready for consistent styling
How to Add a Calculator
Method A — Pre-built Calculators
Use the built-in calculator sections for the quickest setup.
- 1Open your page in the editor
- 2Click Add Section and choose Interactive/Calculators
- 3Edit titles and input fields using the sidebar Fields panel
- 4Configure labels, units, and tooltips for each field
- 5Save and publish your page
Method B — Code-based Widgets
If you are embedding a calculator by pasting code (e.g. a third-party widget or custom HTML), add it using the HTML/Code widget instead of the Fields panel. Refer to the Elements & Plugins article for instructions on adding code-based integrations.
Filling in the Fields
Keep labels short and descriptive — for example 'Daily Revenue' or 'Net Margin %'. Enter digits only for numeric fields — use dots for decimals (e.g. 12.5). Do not enter currency symbols in number fields. For CSV lists, use commas with no spaces (e.g. 10,20,30,40). Percentages should be entered as plain numbers without the % symbol.
Labels, Units, and Tooltips
Each field can have a label (displayed next to the input), a unit (such as $ or %), and an optional tooltip that appears on hover to explain the field. Keep labels concise and use units consistently across all fields so visitors understand the expected format at a glance.
Appendix — Common Field Examples
Below are typical field names and accepted values you may encounter:
chart_title / chart_subtitle — short descriptive text
currency_symbol — $, A$, £, €
percent_steps_csv — comma-separated values, e.g. 10,20,30,40
net_margin_percent — plain number, e.g. 25
palette_style — limecube, bright, or muted
fill_under_lines — yes or no
scenario_1_daily / scenario_2_daily — numeric values for each scenario
chart_title / chart_subtitle — short descriptive text
currency_symbol — $, A$, £, €
percent_steps_csv — comma-separated values, e.g. 10,20,30,40
net_margin_percent — plain number, e.g. 25
palette_style — limecube, bright, or muted
fill_under_lines — yes or no
scenario_1_daily / scenario_2_daily — numeric values for each scenario
Each calculator comes with default values, so you always have a starting point to work from. Adjust them to match your specific use case.
Colour and Theme Guidance
Calculators inherit colours from your site palette. You can customise accent colours within the calculator settings, but the overall theme automatically adapts to your site's colour scheme — including dark mode.
Mobile and Responsiveness
Calculators are responsive by default, but you should optimise for smaller screens. Shorten titles and subtitles for mobile readability, limit chart legends to three to six series names, and always test on actual devices before publishing.
Testing Checklist
- 1Verify all inputs render correctly with expected labels
- 2Check number formatting and unit display
- 3Confirm output charts and results are responsive
- 4Test the calculator on mobile devices and tablets
- 5Ensure the layout does not break at different screen widths
Common Mistakes and Quick Fixes
Troubleshooting
Performance Tips
Keep data sets lean, especially on mobile devices. Use three to six data series at most for optimal rendering speed. Avoid stacking multiple calculators in a single section — spread them across separate sections or pages if needed.
Accessibility and SEO
Add a short descriptive paragraph above your calculator so search engines and screen readers can understand the content. Use clear, meaningful labels and titles within the calculator itself. Including a brief text summary of what the calculator does improves discoverability and accessibility for all visitors.
Track Interactions with Analytics
If you use Google Analytics or Google Tag Manager, you can track calculator interactions — such as input changes or button clicks — via standard events. This typically requires GTM access. Set up custom event triggers in Tag Manager that fire when visitors interact with calculator fields.
Safety Notes and Disclaimers
Calculators provide estimates only; actual outcomes may vary. Financial and ROI tools offer general information and should not be treated as financial advice. If your calculator captures personal data, ensure your Privacy Policy covers its collection and use.
Frequently Asked Questions
Calculators provide estimates only — outcomes may vary. Consider adding a disclaimer beneath your calculator to set visitor expectations.
Was this helpful?
Related Articles
Elements & Plugins
Learn about all the drag-and-drop elements available in Limecube — text, images, video, buttons, forms, and more.
5 min readVideo
Settings Page
Explore every option on the Limecube Settings page — forms, APIs, social, GDPR, security, and miscellaneous configuration.
6 min read
Getting Started with Limecube
A complete beginner's guide to building your website — from planning to publishing.
5 min readVideo
Still need help?
Submit a Support Ticket