Skip to content
siter.io home

Add a calculator widget to your website

Describe the calculator you want and Siter AI builds it. Place it on your page like any other element, in your colors and fonts.

Two calculators built with Siter.io Apps, as a visitor sees them: a home cleaning service's price calculator with a size slider, service level, visits per month and extras that add up to a live total with a Send the quote button, and beside it a loan calculator with three sliders, a monthly payment and a chart.

A calculator that works, not a snippet.

  • Start from a calculator that fits

    Pick a starter, or describe a price calculator, a loan calculator, an ROI calculator or a product configurator in your own words.

    8 starters to build from

    • Price calculator
    • Loan / mortgage calculator
    • ROI calculator
    • Quiz with result
    • Poll with live totals
    • Before/after slider
    • Countdown
    • Product configurator
  • The price moves as they choose

    A product configurator adds up each option a visitor picks, so they see the total before they ask.

  • The quote reaches you

    Results can go to Form entries or to your email, so a finished quote becomes a lead.

Say what it should do. Change it later.

Select the App and its settings open beside it: your description, the Build button and every version you made.

  1. What should the app do?

    Type what the calculator should do, in plain words. A loan calculator, a quote tool, anything you can describe.

  2. Build

    Siter AI writes the app and tests it. It runs in its own sandbox, apart from your website, and you double-click it on the canvas to try it.

  3. Versions

    Every build and every change is a version. The one on the page is tagged Shown, and Restore brings an earlier one back.

  4. Change the app…

    Describe the change, like "Add a VAT toggle", and you get a new version.

On your page in three steps.

  1. Place an App

    Pick App in the left toolbar, after Code, and click the canvas to place it.

  2. Describe the calculator

    Choose a starter or type what it should do, then press Build and try it on the canvas.

  3. Publish the page

    The app takes your page's colors and fonts. Publish, and visitors can use it.

How do I add a calculator widget to my website?

Pick App in the editor's left toolbar, place it on the page, and describe the calculator in its settings. Press Build and Siter AI writes the app and tests it. It is an element on your page, not an embed or a code snippet.

Is there a calculator builder for a custom calculator?

Yes. Describe the calculator you need, with its inputs and what it should work out, and Siter AI builds it as an App. Change the description and rebuild until it does what you want, and restore an earlier version if the new one is worse.

Can I make a price calculator for my website?

Yes. Start from Price calculator or describe your own: the visitor picks a service, how many and any extras, and the total updates as they choose. A Product configurator works the same way for options on a product.

How do I make a quote calculator for my services?

Describe the service, the choices a visitor makes and what each adds, for example a home cleaning quote with a size slider, a service level, visits per month and extras. Siter AI builds a calculator that updates the total as they choose and ends with a button to send the quote request to your Form entries and email.

Can I build a loan, mortgage or ROI calculator?

Yes. Loan / mortgage calculator and ROI calculator are starters, and you can describe your own version of either. A loan calculator can show the monthly payment and a chart.

Can the calculator send me the quote?

Yes. An app can save what a visitor sends into your website's Form entries and email you. Describe it in the prompt, for example a button that sends the quote.

Does the calculator match my website's design?

Yes. The app takes your page's colors and fonts, including your brand colors, text color, background and corner radius. To adjust the calculator itself, describe the change and Siter AI makes a new version.

Can I use it on the free plan?

You can build and preview an app in the editor on the Free plan. Apps show on your published website on paid plans, and each plan includes its own number of apps per website. See the plans.

Describe the calculator.
Place it on your page.

Siter AI builds it and tests it. It takes your type, colors and spacing.