Do you want to use WPForms calculations to reflect the total amount of an order based on a user’s product selections?
When you manage an online store, you may want the customer to be able to select different products and instantly view the total price of their order.
In this article, we’ll show you how to add product options that change the calculated price for a product with WPForms.
Calculate the Total Price With WPForms Now
Adding Product Options to Your Order Form
WPForms comes with a variety of different payment fields that let you customize the way you sell your products so you can optimize your eCommerce store. You can allow your users to choose different product options that change the total price of your product.
For instance, say you’re selling printed t-shirts and want the user to be able to select different types of shirts, each with a different price tag. And wouldn’t it be super convenient if your form could calculate the total price based on user selections automatically?
You can do that easily by using payment fields with Multiple Items or Checkbox Items along with the Total Amount field.
And adding product options to your order form lets your customers customize their orders exactly the way they want.
So let’s take a look at the step-by-step guide on how to add product options that change the total price on your order forms.
How to Change the Total Price Calculations With WPForms
Calculating the total price with WPForms is easy. All you need to do is follow these simple steps below:
In This Article
Let’s dive right into it.
Step 1: Install WPForms
The first thing you need to do is to install and activate the WPForms plugin on your site. To get started, read how to install a WordPress plugin.
WPForms is the best form builder plugin that lets you build different types of forms, including a simple contact form and a newsletter signup form using its drag and drop interface.
Step 2: Select an Order Form Template
Once you’ve installed WPForms on your site, we’re going to create a new form and add the total price calculation functionality with it.
From your WordPress dashboard, click on WPForms » Add New.
This will take you to the next screen. Give your form a name, and then choose a template. WPForms Pro comes with over 600 form templates including order/billing forms. Hover your mouse over the template and click on Use Template to get started.
Next, we’ll edit the template to include different product option fields.
Step 3: Customize Form and Add Product Options
By default, the billing/order form template consists of personal detail fields like Name, a Multiple Items field, and a Total field that works as a WordPress price calculator for an order.
For this example, we took the default Multiple Items field and customize it this way:
When you click on the Multiple Items field, you can change its options as we did here. Here are some of the really useful general options:
- Label: Use this field to specify what the options underneath are about.
- Items: These are the multiple choices and their price values.
- Show price after item labels: Check this option if you’d like to show the individual price for each product.
Now, when a user selects a shirt type from this form, the Total Amount field calculation automatically changes depending on the price of the selected item.
You might want to give your users the option to choose multiple options at the same time. For instance, if a user wants to order a T-Shirt and sweatshirt, you can let them place an order for both items using the same form.
For this, you can use the Checkbox Items field under the Payment Fields menu.
Now, if a user selects multiple products, the Total Amount field will automatically display the accumulated amount of the selected items.
This is a really convenient way of letting your customers buy different products and get the total price for their order from the same form.
Step 4: Publish Your Order Form
One of the best things about WPForms is that you can embed your form directly onto a new page without touching a single line of code.
Once you’ve customized your order form to include different product options and automatic amount calculation, make sure to press the Save button.
Now Click on the Embed button next to Save. You’ll now see a dialog box open with options for embedding the form on an existing page or creating a new one. Click on Create New Page.
You’ll be prompted to give a name to your page. When you’re done, click on Let’s Go.
Now, WPForms will take you to your WordPress editor with your form already embedded within the new page. Click on Publish to take your order form with the WPForms calculation feature live.
Your form is now embedded on a new page and ready for use!
For more details on customizing your order form, see this tutorial on how to create an order form.
And there you have it! You now know how to add product options that change the total price on your order forms so you can boost your eCommerce sales.
Next, Improve Your Digital Product Sales
If you enjoyed this article, you might also want to read how to sell digital products on your site.
Also, we created a guide for best student survey questions to ask. Check it out for some great tips for collecting insightful feedback from your students.
Calculate Total Price With WPForms Now
What are you waiting for? Get started with the most powerful WordPress forms plugin today.
If you like this article, then please follow us on Facebook and Twitter for more free WordPress tutorials.
You still haven’t answered my question in over three years of paying for WPForms. How do you charge by number of boxes checked in a list of events. It is fine if every event adds together but what if one event is $75 out of a choice of say six events and to add a second event it is only $15 more at $90 for instance. There are multiple events so how can I design it so it follows this formula and keeps track of single or multiple event charges.
Hey Steve — We are sorry for any trouble. In order to make sure we answer your question as thoroughly as possible, could you please contact our team with some additional details about what you’re looking to do?
If you have a WPForms license, you have access to our email support, so please submit a support ticket.
Thanks.
Hi Steve, did you find a solution to this. I need to do something similar?
Hey Grace, to ensure we are as thorough as possible and avoid any confusion, could you please contact our team?
You have access to our email support, by submitting a support ticket here.
Thanks.
Is there a way to add multiple quantities of the same product – say the customer wants to buy 3 of the SAME shirt?
HI Martina- Currently, our forms do not have the ability to run the calculations required for product quantities. I do agree it would be super helpful, though, and it’s certainly on our radar as we plan out our roadmap for the future. I’ll add your request to that, as well.
In the meantime, you might consider leveraging the Dropdown Items field to do what you’re asking for in a slightly different way. You can check out the tutorial on how to do that here.
Hope this helps! 🙂
where is the option to add the basic quantity field or or to multiple the price by another integer field from the form ? do we need conditional option to make TOTAL = price * quantity field ?
Hi Xing – Currently, our forms do not have the ability to run the calculations required for product quantities. I do agree it would be super helpful, though, and it’s certainly on our radar as we plan out our roadmap for the future. I’ve added your request to that, as well.
In the meantime, you might consider leveraging the Dropdown Items field to do what you’re asking for in a slightly different way. You can check out the tutorial on how to do that here.
Hope this helps!
Not having quantity calculations is a rather large hole in WP Forms capability. Any projection on when this capability might be added??
Hi Gregg,
Sorry about the inconvenience you are facing with the non availability of this feature. This feature is still under the development phase.
May I know when is the product quantity calculated function is available？
Hi Edmund,
Unfortunately, this feature is still in works. I have added your vote with your email address so that you will be notified when this feature will be introduced 🙂
Thank you for understanding.
Saludos, me gustaria saber si hay alguna opcion de agregar taxes o impuesto al total del formulario.
Quedo en espera de alguna respuesta.
Hi Juan,
We do not have an inbuilt feature to add taxes to the payment fields and reflect them in the Total Field. As workaround you can include the cost of the tax prices to the Item and add a note to the form mentioning that it includes the tax.
Hope this helps! 🙂
Add another vote for me – a lack of a quantity calculation is a real failing.
Hi Bob,
Sorry for the inconvenience. This feature is still considered for future enhancements. I have added your vote with email address.
We appreciate your interest and feedback here 🙂
I need this calculationfunctions as well, urgently. Can you give me an estiamated date when this featuren will be active? Otherwise I will have to change to another supplier unfortunately, as I like WPforms.
Hey John, I apologize that we don’t have this feature ready yet. Giving an estimated time when the feature may be released is not possible at the moment but I will share this feedback with our team. I apologize for the same.
I’ve noted your interest in this feature and added your email to our list to receive updates about this feature.
Thanks!
upvote for me too. A quantity option is a super important feature that’s missing.
Hey Shelby, I have added your vote with your email address so that you will be notified when this feature will be introduced 🙂
Thank you.
Add another vote for me – quantity option is must
Hey Kritish, I have added your vote with your email address so that you will be notified when this feature will be introduced 🙂
Thank you.
Can you please add me so I will also be notified.
Hey Andrew, I have added your vote with your email address so that you will be notified when this feature will be introduced 🙂
Thank you.
Add me too, this is a MUST have!
Hey Chsd, I have added your vote with your email address so that you will be notified when this feature will be introduced 🙂
Thank you.
I also need this functionality of being able to calculate taxes and quantities.
Hey Kathi, Yes, I have added your vote with your email address so that you will be notified when this feature will be introduced 🙂
Thank you.
Hi there!, my question is so simple,
How can we add a simple multiplication and a result in wp forms, like this:
id3= id1 * 1d2
I mean I have a field with mileage that need to be a result of quantity X * 0.22 ( that is the actual rate)
Is it posible to make a simple total field that is the result of a multiplication from two other fields?
Hi Alex,
We do not have calculation fields available with WPForms currently as you have mentioned. I have gone ahead and added your request as enhancement for the future!
Thanks! 🙂
Add my vote on quantities too – looks like I need WooCommerce instead at the moment.
Hi Richard,
I have gone ahead and added your vote. Thanks for sharing your interest 🙂
Have a good one!
Hi All – Add another vote for me – quantity option would be amazing! Please make happen sooner rather than later.
Hey Lex, I have added your vote with your email address so that you will be notified when this feature will be introduced.
Thank you for understanding.
Send me also an email if the calculation is possible, urgently needed
Hi Toek,
I have gone ahead and added your vote for this feature request and you’ll be notified when it is introduced.
Thank you for your patience 🙂
Hello wpforms team. You really produce a great plugin for forms. But I also urgently need a number field for calculations. Thank you for the notification when the necessary function appears.
Hi Marc,
I have gone ahead and added your vote for this feature request! Thank you for your interest here 🙂
Podrían inventar un complemento como calculadora para integrar en el Formulario, ya que si quiero Dividir o Multiplicar, como lo hago?
Hey Pablo, I apologize that we don’t have this feature ready yet. Giving an estimated time when the feature may be released is not possible at the moment but I will share this feedback with our team. I apologize for the same.
I’ve noted your interest in this feature and added your email to our list to receive updates about this feature.
Thanks!
Please also add my vote for the need to be able to add quantities.
To be able to register for / purchase more than 1 of the same item is such a basic need for any online form/online ordering. Yes there is a workaround but it makes the forms so much more complicated than they need to be.
I love WP Forms but after a couple of years of waiting for the quantity feature I may have to start to explore other options if this feature is not introduced soon. It may become a deal breaker.
Please add me to the list to be advised when this feature is available. Thanks
Hey Patricia, I apologize that we don’t have this feature ready yet. Giving an estimated time when the feature may be released is not possible at the moment but I will share this feedback with our team. I apologize for the same.
I’ve noted your interest in this feature and added your email to our list to receive updates about this feature.
Thanks!
I’d also like to add my voice to this. Seems like a huge hole in functionality I’ve missed since going all in with WP Forms. Ninja forms and Gravity forms both have quantity calculations.
Hi Jonathan,
Thanks for sharing your vote here! I have added your email address to votes to consider this as a feature request.
I see that this development has taken a long time and is not yet available. In fact, you can see that I already canceled my subscription because I’m getting ready to migrate to other options.
We are not asking for integrals or derivatives, not even multiplications. If only the fields accepted negative numbers, it would be enough to, for example, subtract discounts from the total. How hard can it be?
The option of trying to handle everything with multiple options is cumbersome.
Write me down in the vote, hopefully the development is finished before my subscription ends.
Hey Gabriel – The Calculation feature is on the radar of our developers, and they’re working to have this feature soon in the plugin. While I’m unable to share an ETA, I’ll add your vote and feedback to our feature request tracker.
Please add tax calculations! Please please please!
Hey J – While we currently don’t have the feature, we’ve added your request to our feature request tracker for Tax calculation.
Will the ability to add taxes and include the taxes in the total be added soon?
Hey Chandra – Our developers are working towards having the feature to add taxes to the Total. I apologize, we don’t have an estimated date as of now. I will upvote the request on your behalf. Thanks for your patience.