Calcylator

Put a calculator on your own website

Use Customize this calculator to pick fields and design, choose JavaScript or HTML, and paste the snippet into your page.

Updated · Sharing, accuracy and privacy

Embed a calculator

Yes. Every calculator page has a Customize this calculator (Embed) option. You choose the fields and the design, then copy a snippet and paste it into your own page.

  1. Open the calculator you want to embed.
  2. Open Customize this calculator.
  3. In the first step, Customize Fields & Design, choose the colours or theme, the corner roundness and the width.
  4. Check the live preview to see how it will look.
  5. In the second step, Choose Format, pick JavaScript or HTML.
  6. Copy the snippet and paste it into your page.

JavaScript or HTML: which to choose

Both formats show the same calculator. They differ in how you add it to your page.

  • JavaScript: a small div plus a script tag. Paste both where you want the calculator to appear.
  • HTML: an iframe. Paste it where you want the calculator to appear.

Each calculator is embedded on its own, so open the calculator you want and customise it from its page.

Design and format choices

Settings you can choose
SettingChoices
ColoursPick a colour scheme or theme
Corner roundnessSharp, Soft or Rounded
WidthCompact (about 340px), Standard (about 440px) or Full width
FormatJavaScript or HTML

What your visitors see

The embedded calculator shows only the calculator. It has no Calcylator header or footer, and it carries a small Powered by Calcylator line.

Popular guides

Still looking for an answer?

Tell us which calculator you used and what happened.

Contact support