# How to add a cost estimate form to WordPress (3 ways)

How to add a cost estimate form to WordPress: a free calculator plugin, a plain form with a few lines of JavaScript, or QuoteForge ($39). What each takes…

Source: https://webkodingtheme.com/blog/how-to-add-a-cost-estimate-form-to-wordpress/

---

Pricing and quotes

# How to add a cost estimate form to WordPress (3 ways)

AÖ Arif Özelci , developer of QuoteForge · Published 8 Nov 2026 · 7 min read
How to add a cost estimate form to WordPress: a free calculator plugin, a plain form with a few lines of JavaScript, or QuoteForge ($39). What each takes to set up, where each stops, and which one fits a business that wants the enquiry as well as the number. All three let a visitor pick options and watch a price. They differ in whether the form can run over several steps, whether the total can be trusted once it reaches you, and what is left of the visitor’s answers after they press submit.

## What you need before you start

A price list you are prepared to show. A cost estimate form can only display a number somebody decided on: a rate per square metre, a price per finish grade, a fixed charge for each extra. Write those down first, together with the one sentence that combines them, for example “area times grade, plus extras”. If you cannot write that sentence, no plugin will write it for you.
Then decide what the form is for. If it only has to show a ballpark figure, any of the three ways below works. If it has to bring you a lead you can follow up, with every answer and a total you can honour, the choice narrows. The longer case for settling the pricing rules before the form is in interactive quotation calculators for WordPress .

## Way 1: Cost Calculator Builder (free, wordpress.org)

Cost Calculator Builder by Stylemix is the free option most people find first. As of November 2026 it is at version 4.0 with 20,000+ active installs. You drag elements into a calculator: text, quantity, dropdown, radio, checkbox, toggle, slider and a formula element that combines them. Calculators are unlimited, and each goes on a page with a shortcode.
Where it stops is in its own feature list. Conditional logic, splitting the form into pages, date pickers, email templates, sending the quote to the client, PDF entries, the orders dashboard and payments are all Pro features. The free calculator is one page that shows a total; on its own it does not hand you a lead.

### Also on the list: WP Cost Estimation & Payment Forms Builder

The long-running paid option, sold on CodeCanyon. Its listing describes cost estimation, booking and payment forms with automatic totals, conditional logic, PayPal, Stripe and Razorpay, subscriptions, WooCommerce and Easy Digital Downloads support, and mailing-list integrations. It is the broadest of the four here; if you want the visitor to pay at the end of the form, it is built for that, and that breadth is also a lot to configure when you only need a quote.

## Way 2: a plain form and a few lines of JavaScript

No calculator plugin. Use the form you already have, or a Custom HTML block, and add a script that reads the fields and writes the total: <form id="estimate">
<label>Floor area (m²) <input name="area" type="number" min="1" value="20"></label>
<label>Finish
<select name="grade">
<option value="40">Standard ($40/m²)</option>
<option value="65">Premium ($65/m²)</option>
</select>
</label>
<label><input name="removal" type="checkbox" value="300"> Remove old floor (+$300)</label>
<p>Estimated total: <strong id="total">$0</strong></p>
</form>
<script>
const form = document.getElementById(&#x27;estimate&#x27;);
function update() {
const area = Number(form.area.value) || 0;
const grade = Number(form.grade.value);
const removal = form.removal.checked ? Number(form.removal.value) : 0;
document.getElementById(&#x27;total&#x27;).textContent = &#x27;$&#x27; + (area * grade + removal);
}
form.addEventListener(&#x27;input&#x27;, update);
update();
</script>
It costs nothing, it loads instantly and every rule is in front of you. The limits are just as plain. The total exists only in the visitor’s browser: if you send it on with your contact form, it is a figure anybody can edit before it reaches you, so it has to be recalculated before you quote it. There are no steps, no saved answers and no list of enquiries; every price change is an edit to the script; and the contact form needs its own wiring to carry the selections at all.

## Way 3: QuoteForge, step by step

QuoteForge, a cost estimate form plugin for WordPress , costs $39 one-time for one site and needs no WooCommerce and no page builder. The whole setup:
- Install the plugin ZIP under Plugins → Add New → Upload Plugin, activate it and paste the licence key from your purchase email.
- Create a wizard under QuoteForge → Add New, or load the ready-made renovation example from the QuoteForge menu; it already has steps, priced options, a formula and a conditional rule.
- Add steps, then fields: number, slider, select, radio, checkbox, date and text. Give each a short id such as area, grade or addons.
- Price the options, then write one formula for the wizard, for example area * grade + addons. Arithmetic, brackets, comparisons and and/or are accepted; anything else is rejected before it runs.
- Add a rule where a field only sometimes applies, such as “if grade > 10, show warranty”. A field without a rule is always shown.
- Publish and paste the shortcode from the edit screen, [quote_form id="123"], on any page. Submissions appear under QuoteForge → Submissions as leads (new, quoted, won, lost) and export to CSV.
The visitor sees the running total from the first step; the contact details come at the end.
The total in the browser is for the visitor. Before anything is saved, the server recalculates it from your own settings, so the figure on the lead is one you set, not one a browser sent you.
What it does not do: take payment, produce a PDF (the visitor gets a plain email with the estimated total), accept file uploads or signatures, or hide the total until someone leaves an email address. There is no dedicated block; the shortcode works in any editor that accepts one. And it is not free. Open the demo →

## Side by side

Cost Calculator Builder (free) Plain form + JavaScript QuoteForge
Price Free; Pro version adds more Free $39 one-time, one site
How the price is built Formula element over the fields Your own script Priced options plus one formula per wizard
Several steps Pro (page breaker) Write it yourself Yes
Conditional fields Pro Write it yourself Yes, one rule per field
Date field Pro Plain HTML date input Yes
Total checked on the server Not stated No Yes, before the lead is saved
Saved submissions Orders dashboard in Pro Only what your form plugin stores Leads with a state, CSV export
Email to the visitor Pro Your form plugin Plain email with the total
Payments Pro (PayPal, Stripe, Razorpay) No No
PDF quote Pro No No

## Which one should you use

- A single page that shows a ballpark price and nothing needs to arrive anywhere: Cost Calculator Builder’s free version.
- Three fields, prices that rarely change and a developer at hand: the plain form, and no plugin to update.
- A trade or service business that wants the estimate and the enquiry together, over a few steps, with a total it can honour: QuoteForge. The running total and the submissions screen are the parts worth trying in the demo; the setup in detail is in the QuoteForge docs.

QuoteForge: the estimate and the lead in one wizard $ 39 once. Priced questions over a few steps, a running total the visitor can watch, a server-side check before anything is stored, and every submission kept as a lead you can mark quoted, won or lost. Shortcode on any page. $39 one-time. Open the demo →

### Can a cost estimate form take payment?

Some can. Cost Calculator Builder Pro and WP Cost Estimation send the visitor on to PayPal or Stripe. QuoteForge deliberately stops at the quote, because most trades confirm the job before they take money.

### Do I need WooCommerce?

Not for any of the three ways above. A cost estimate form quotes; it does not sell a product at a checkout.

AÖ
Arif Özelci Builds the WebKoding plugins. Answers support himself.
Share on X LinkedIn Copy link
In this article What you need before you start Way 1: Cost Calculator Builder (free, wordpress.org) Also on the list: WP Cost Estimation & Payment Forms Builder Way 2: a plain form and a few lines of JavaScript Way 3: QuoteForge, step by step Side by side Which one should you use Can a cost estimate form take payment? Do I need WooCommerce?
Related Interactive quotation calculator for WordPress A product configurator is a pricing problem, not a UI problem
The product this is about: QuoteForge , $ 39 . Live demo, no signup.