Pricing and quotes

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

AÖArif Özelci, developer of QuoteForgePublished 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('estimate');
  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('total').textContent = '$' + (area * grade + removal);
  }
  form.addEventListener('input', 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:

  1. Install the plugin ZIP under Plugins → Add New → Upload Plugin, activate it and paste the licence key from your purchase email.
  2. 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.
  3. Add steps, then fields: number, slider, select, radio, checkbox, date and text. Give each a short id such as area, grade or addons.
  4. 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.
  5. Add a rule where a field only sometimes applies, such as “if grade > 10, show warranty”. A field without a rule is always shown.
  6. 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.
A multi-step construction estimate form: an area in square metres, three priced finish grades, a running list of selections and a live total of $1,440.
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 + JavaScriptQuoteForge
PriceFree; Pro version adds moreFree$39 one-time, one site
How the price is builtFormula element over the fieldsYour own scriptPriced options plus one formula per wizard
Several stepsPro (page breaker)Write it yourselfYes
Conditional fieldsProWrite it yourselfYes, one rule per field
Date fieldProPlain HTML date inputYes
Total checked on the serverNot statedNoYes, before the lead is saved
Saved submissionsOrders dashboard in ProOnly what your form plugin storesLeads with a state, CSV export
Email to the visitorProYour form pluginPlain email with the total
PaymentsPro (PayPal, Stripe, Razorpay)NoNo
PDF quoteProNoNo

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 ÖzelciBuilds the WebKoding plugins. Answers support himself.