TutuMargin

How to Add a Payment or Order-Total Field to Your Jotform Order Form

Three ways to add a total to a Jotform order form: a Payment element (Stripe/PayPal/Square), a Product List that auto-sums line items, or a calculated Number field via the Form Calculation widget — plus why a numeric total makes later reporting trivial.

There are three ways to put a real total on a Jotform order form: a Payment element, a Product List, or a calculated Number field — and all three store the amount as a number you can total later. Use a Payment element (Stripe / PayPal / Square) when you want to collect money in the form, a Product List when you want line items to auto-sum, and the Form Calculation widget when you just need a computed total without charging. The one rule: the total should land in a numeric field, because that’s what makes every later report a clean SUM.

Plenty of Jotform order forms capture what someone ordered but never a single total— so the amount ends up in notes, or nowhere. Adding a proper total field takes a few minutes and pays off on every order after. Here are the three approaches, and how to pick.

Option 1 — Add a Payment element (Stripe / PayPal / Square)

Use this when you want to actually collect payment inside the form.

  1. In the Jotform builder, click Add Form Element and open the Payments tab.
  2. Choose your gateway (Stripe, PayPal, Square, and others) and connect the account when prompted.
  3. Set the payment type to Sell Products and add your products with prices, or use User Defined Amount for a custom total.
  4. The element collects payment and records the paid amount on each submission — that stored amount is your numeric total.

This is the cleanest option for real sales: it charges the customer and gives you a reliable paid-amount field in one step.

Option 2 — Use a Product List so line items auto-sum

A Product List (found under the Payments tab) lets the customer pick items and quantities, and Jotform sums them into an order total automatically:

  1. Add the Product List element to the form.
  2. Enter each product with its price; enable quantity if buyers order multiples.
  3. Jotform multiplies price × quantity per line and shows a running order total as the customer selects.
  4. Connect a gateway to charge that total, or leave it as an order-summary total for invoice/cash flows.

This is ideal for multi-item orders — you get both the line items and a single order total without any manual math.

Option 3 — Calculate a total with the Form Calculation widget

Use this when you want a computed total but aren’t charging in the form (cash, invoice, or pay-later):

  1. Add a Number field named something like Order Total.
  2. Add the Form Calculationwidget (Add Form Element → Widgets → search “Form Calculation”).
  3. In the widget, build the formula — e.g. sum each quantity × pricepair from your item fields — and set it to write the result into the Order Total field.
  4. The total now updates live as the customer changes quantities, and it saves as a plain number on each submission.

Why the numeric total matters

Whichever option you choose, the win is the same: the amount lives in a real number field, so reporting becomes pure math on that column — total revenue is a SUM, average order value is an AVERAGE, monthly trend is a pivot by date. It also means a reader tool like TutuMargincan chart revenue, AOV, and top products directly, with no cleanup, because a numeric total field is exactly what it needs. That’s the light next step once the field is in place — the field itself is worth adding regardless.

See a numeric total reported on sample data ▸

Bottom line:pick the Payment element to collect money, the Product List to auto-sum line items, or the Form Calculation widget for a computed total — and keep the result in a numeric field so every future report is a clean SUM. Related: structuring the whole form for painless month-end reporting and how to see total revenue from your Jotform submissions.

Frequently asked questions

How do I make Jotform calculate an order total automatically?

Two built-in ways. A Product List (Payment) element sums selected items and quantities into an order total for you. Or, for non-payment forms, add the Form Calculation widget: create a Number field for the total and set its value to the sum of your quantity × price fields, so it updates live as the customer chooses items. Both put the total in a real numeric field.

What's the difference between a Payment element and a Number field?

A Payment element (Stripe, PayPal, Square) both collects money and stores the paid amount. A plain Number or calculated field stores an amount but doesn't charge anyone — useful for cash/invoice orders or when you take payment elsewhere. For reporting, both give you a numeric total to SUM; choose the Payment element when you actually want to collect payment in the form.

Can I add a total field to a form that already has orders?

Yes, but the new field only populates for submissions made after you add it — existing rows will be blank for that field. If you need totals for past orders, you'll still compute those from whatever amount data you already captured. Going forward, the new numeric total keeps every future report clean.

Why does a numeric total field make reporting easier?

Because reporting is just math on that column: total revenue is a SUM, average order value is an AVERAGE, monthly trend is a pivot by date. When the amount lives in a real number field (not free text with dollar signs), none of that needs cleanup — and any reader tool can chart it directly.