Planners About

Free embeddable calculators

Put a working financial calculator on your site in one line.

This is the real widget, running right here. Pick one of 10, set your colour and logo, copy the snippet. It runs in your visitor's browser and their numbers stay with them.

  • No sign-up or key to start
  • No ads inside the frame
  • Small "Powered by" line, stated up front
yoursite.com/loans Live

Playground

Make it yours, then copy the code

Every change reloads the live widget. The snippet below the preview updates with it, and the address bar carries your choices so you can share this page as you set it up.

  1. Pick a widget10 calculators, one per job.
  2. Set colour and logoMatch your brand; see it live.
  3. Copy and pasteA script tag, a <dc-widget> element, or a plain iframe.

Widget

Which calculator should the embed show?

Widget

Brand

Colour and logo are Pro-plan features. The playground shows them on every widget so you can see the result before you decide.

Accent colour

Re-colours buttons, links, focus rings and chart accents inside the widget.

Shows in the widget's attribution line next to the "Powered by" link.

Layout

How it sits on your page.

Size preset

The widget is responsive at any width and reports its own height, so the frame grows to fit. The preset sets the container's maximum width in the snippet.

Widget theme

Sent to the widget as ?theme= (data-theme in the script embed). Auto follows the visitor's operating-system setting. A widget build that does not read the theme parameter yet follows the operating-system setting in every case.

Type and shape

Match the widget's typeface and corner rounding to your page. Both apply to every widget.

Sent as data-font / data-radius (?font= / ?radius= in the iframe URL). The preview applies them live.

Live preview Full preview
https://www.digitalcalculator.info/widgets/loan/?color=%23b87333 Live
Loan Payment Calculator · standard · #b87333 Open widget in a new tab

Your embed code

Pick the shape that fits where you are pasting it.

Recommended. The script adds the frame, sizes it to the widget's own height, and adds the attribution line.

index.html

What you are getting

The terms, in plain language

No counters, no logo wall. Just what is true about these widgets right now.

Free, with one small line

The free embed shows a "Powered by" link under the widget. No sign-up, no key, no card to start, and commercial use is permitted.

Powered by DigitalCalculator.info

The paid plans below cover brand colour and logo, and the White-Label plan removes the line.

Built and tested to WCAG 2.1 AA

The widgets are built and tested to WCAG 2.1 AA: keyboard operable, labelled controls, contrast checked. When something falls short, we fix it.

Light on your page

One small loader script sizes the frame and adds the attribution line: 6.2 KB minified, 2.4 KB gzipped, measured at build. The script tag and the <dc-widget> element both use it; the element adds a second small file. The widget itself runs in its own frame, so its styles and scripts stay out of yours.

The full calculator is one click away

Each widget links back to its full calculator on DigitalCalculator.info, where the inputs, assumptions and method are written out for your visitors.

No ads in the frame

Nothing inside the widget is sold. No banners, no pop-ups, no third-party ad scripts.

Plans

Three ways to run the widgets

The facts of each plan. Prices and the full comparison are on the pricing page.

Free

  • Any 3 of the 10 widgets
  • The "Powered by" link stays under the widget
  • Commercial use permitted

White-Label

  • Our link removed
  • Organisation-wide use across your own web properties
  • Accessibility-conformance documentation and a named support channel

Self-serve checkout is not yet available; email us and we set the plan up with you. Details: plans and pricing.

Need your brand across a whole site?

Plans, white-label terms and support are on the pricing page. The embed guide covers CMS steps, the JavaScript API and the calculate event.

Questions, a widget you need that is not here, or an integration to talk through: admin@markcolabs.com