How to Create Price/Currency Input Fields in WordPress

Plenty of forms need a monetary value — a budget, a quote amount, a donation, an order total. Collecting money as a plain number works, but displaying it properly as currency, with a symbol and the right decimals, makes the form clearer and the data cleaner. Auto Form Builder handles this through the Number field’s display options. Here’s how to create a price or currency input.

Start with the Number field

A price is a number, so use the Number field — it accepts numeric input only, which already keeps stray characters out of your money data. What turns it into a currency field is a display setting that changes how the value is presented to the person filling in the form.

Display it as money

Open the Number field’s options and find the How to Display setting. Alongside Plain Number, Percentage, and Decimal, there’s a Money (with currency symbol) option. Choose it and the field presents the value as currency, with the symbol and formatting that make it read as money rather than a bare number. That’s the key setting — it signals clearly that you’re asking for an amount, and keeps the input formatted consistently.

Set decimals and step for money

Money usually needs two decimal places, and the Number field’s settings support that. Use a Step Size of 0.01 so people can enter cents/pence precisely — the builder even notes 0.01 as the currency example. If you’d rather enforce a fixed number of decimal places, the Decimal (fixed places) display option is there too. Between the money display and a 0.01 step, amounts come in properly formatted.

Bound the amount sensibly

Set a Lowest Allowed Value and Highest Allowed Value to keep amounts realistic. A donation field might start at a sensible minimum; a budget field might cap at a maximum. Bounding the range stops obvious mistakes — a negative price, or an amount with an extra zero — before they reach you.

An important note on payments

Here’s the honest boundary: a currency field collects an amount; it does not process a payment. The field captures the number cleanly and formats it as money, but taking the actual payment is your payment provider’s job. To do that, connect the form to your payment tool via webhooks — Zapier, Make, GoHighLevel, or a custom endpoint — so the amount and details flow through to where the transaction happens. This is the same approach covered in our guide to building order forms: collect the details for free, connect payment separately.

React to the amount

Because it’s a number underneath, a currency field works with conditional logic. The amount someone enters can shape the form — showing a note above a certain budget, revealing options for larger orders, or routing high-value enquiries differently. The value becomes something the form responds to.

Create a currency field in a few steps

• Add a Number field for the amount.
• Set How to Display to Money (with currency symbol).
• Use a 0.01 step for cents/pence, or the fixed-decimal display.
• Set sensible minimum and maximum values.
• Connect to a payment tool via webhook if you need to take payment.

Displaying a number as currency is a small setting that makes money input clear and consistent — and for collecting budgets, quotes, and amounts, it’s exactly right. It’s free, no code, on the Number field.

Related reading: How to add number fields to WordPress forms.

Ready to collect amounts cleanly? Install Auto Form Builder free from WordPress.org.