Limecube Calculators on Your Website

On this page:

  1. Before you start
  2. How to add a calculator to a page
  3. Testing checklist
  4. General Notes
  5. Appendix
  6. FAQs

Limecube calculators help you turn numbers into clear answers—ROI estimates, what-if scenarios, finance calculations, and visuals like charts or flow diagrams. They’re easy to add, quick to customise, and mobile-friendly.

Available calculators

There are a variety of calculators suitable for different industries, and we'll continuously add more over time. If you can't see one you need, feel free to reach out to support with a request. While that doesn't guarantee we'll build it, if it makes sense for our wider community, then we will strongly consider it.

Before you start

  • Decide the goal: What question should your calculator answer?
  • Gather your inputs: Daily or weekly amounts, percentages, fees, margins, time periods, or step values such as 10,20,30,40.
  • Choose your units & currency: Dollars, percent, hours, weeks, etc.
  • Know your brand colours: Calculators follow your site palette, sometimes with optional bright or muted presets.

Note: Each calculator will come with default values, so you have a starting point to work with.

1) How to add a calculator to a page

A) Add a pre-built Limecube calculator

  1. Open the page in the Limecube editor.
  2. Select Add Section and choose a calculator from Interactive / Calculators.
  3. Use the sidebar Fields to edit titles and inputs.
  4. Click Save, then Publish.

B) If you were provided a code-based widget

Refer to this help page instead.

Tip: If you see editable fields in the sidebar immediately, you’re using a pre-built calculator. If you’re pasting code, it’s a code-based widget.

2) Filling in the fields

  • Title / Subtitle: Keep them short and clear.
  • Currency symbol: Use a single symbol such as $, A$, £, or €.
  • Numbers & percentages: Enter digits only; for percent enter 25 not 25%. Use a dot for decimals such as 12.5.
  • CSV lists: Comma-separated with no spaces, for example 10,20,30,40. Keep series the same length.
  • Margins & units: Ensure net margin percentages reflect reality.
  • Optional toggles: Fill under lines, markers, labels, tooltips, or a data table where available.

Hint: Hover help icons or read field help text for specifics.

3) Colour & theme guidance

Calculators adapt to your site’s light or dark theme.

4) Labels, units & tooltips

  • Keep labels short, such as “Daily Revenue”, “Net Margin %”.
  • Match units to the field; percent fields expect values like 25, not 0.25.

5) Mobile & responsiveness

  • Short titles and subtitles improve readability.
  • Limit legends to 3–6 concise series names.
  • Sliders or horizontal elements support swipe on touch devices.
  • Test on a real phone to confirm fit and tooltip usability.

Testing checklist

  1. Inputs render correctly and are not cut off.
  2. Numbers format properly, such as 1,000.
  3. Units look right, including currency and percent.
  4. Outputs update when you change a value.
  5. Mobile layout is clean; tooltips are readable and tappable.
  6. Publish and re-check the live page.
  7. Optionally ask a colleague to try unusual inputs.

Common mistakes & quick fixes

  • Chart doesn’t show: Restore the original wrapper or GUID; ensure code sits in a Code/HTML widget with HTML, CSS, and JS in their correct areas.
  • Edits don’t apply: Confirm you’re editing the correct block’s fields and that you’ve published.
  • Numbers look wrong: Remove percent signs; remove spaces in CSV lists; make all series the same length.
  • Mobile cramped: Shorten labels, reduce series count, and disable long side-content.

General Notes

Performance tips

  • Keep data sets lean, especially on mobile.
  • Prefer fewer series, ideally 3–6.
  • Avoid stacking many calculators in one section; split long pages.

Accessibility & SEO

  • Add a short description above the calculator.
  • Use clear labels and titles.
  • Include a brief text summary for SEO.

Optional: Track interactions

If you use Google Analytics or Tag Manager, you can track input changes or clicks via standard events. This usually requires GTM access.

Safety notes & disclaimers

  • Calculators provide estimates only; outcomes may vary.
  • Financial and ROI tools are general information, not financial advice.
  • If personal data is captured, ensure your Privacy Policy covers it.

IMPORTANT: These are also notes you should add on to the pages that include your calculators, to cover yourselves.

Appendix: Typical field examples

  • chart_title: Marketing ROI over time
  • chart_subtitle: Annual net income boost at different % increases
  • currency_symbol: $, A$, £, €
  • percent_steps_csv: 10,20,30,40,50
  • net_margin_percent: 25
  • palette_style: limecube, bright, muted
  • fill_under_lines: yes or no
  • scenario_1_daily / scenario_2_daily: 2,000 and 3,000

If your calculator uses different field names, apply the same principles: numbers only, percents without the symbol, and tidy CSV lists with no spaces.

FAQs

Calculators are only available on business plans. If you have a business plan and still can't see it,  Contact support with the calculator name or a screenshot.

Not at this time. They are designed to work off your colour palette.

Some chart widgets include a data table you can copy, however unless the chart specifically has an export option, it won't be exportable other than via copy/paste.

Yes—calculators automatically adapt to your site’s theme.

Need help?

Share a link to the page, a screenshot of your Fields panel, and a brief note on what you expected versus what happened. This speeds up troubleshooting.

Can't find the answer you are looking for?

Try using searching below: