Calculator for Framer forms
Live totals for Framer formsAdd a live calculated value to your native Framer form: a price, a quote, a total or a score.
Write a formula with your field names in braces, for example {Quantity} * 25, and the value updates as visitors type, tick and pick. Formulas can use numbers, + - * / %, parentheses, comparisons, and / or / not, "if ? then : else", and min, max, round, ceil, floor and abs.
Included in every FramerSend plan. Free for 14 days, no card, then from $5/month.
What your form receives
The result as a plain number under its own field name, so it lands in its own column in Google Sheets or your CRM. Until the fields are filled in it shows "–" and sends an empty value.
It is part of the native Framer form submission, so it goes wherever your form sends: email, Google Sheets, webhooks, or FramerSend connectors.
{
"Name": "Amelia Hart",
"Email": "amelia@studio.co",
"Total": "595.00"
}How it works
No code, right inside Framer
Select your form
Select your Form on the Framer canvas.
Insert the field
Open Calculator and click Insert calculator. It is added above the submit button.
Write the formula
In the right panel, write your formula with your field names in braces.
Options
- Field name, label and formula
- Currency, number or percent format
- Currency code and locale (1,250.00 or 1.250,00)
- Decimals, thousands separator, prefix and suffix
- The text shown while empty
- Row or stacked layout
- A preview value for the canvas
- Padding, radius, colors and fonts
Written into your project as a code component. No external scripts, no network requests on your site.
Frequently asked questions
Which fields can a formula read?
Text and number inputs, dropdowns, radio buttons (the picked option's value), checkboxes (their value when ticked) and other FramerSend fields such as Range Slider or Star Rating. Text values work too, for example {Size} == "Large".
Is the formula run with eval?
No. Formulas are read by the component itself, never with eval. The field is a code component written into your project. It loads no external scripts and makes no network requests on your site.
How much does Calculator cost?
Calculator is included in every FramerSend plan, together with the other field plugins and every connector. It is free for 14 days with no card, then from $5/month, $39/year or $89 one-time.
How do I sign in to the plugin?
With your FramerSend account. The plugin opens framersend.com/plugin/connect, you approve, and it signs in by itself.
Add Calculator to your Framer form
Included in every FramerSend plan with all 73 field plugins and every connector. Free for 14 days, then from $5/month.