How to change the total price calculations with WPForms

How to Change the Total Price Calculations With WPForms

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 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?

WPForms is the best WordPress Form Builder plugin. Get it for free!

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 order 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:

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 home

 

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.

add new form

This will take you to the next screen. Give your form a name and then choose a template. WPForms Pro comes with over 300 form templates including order/billing forms. Hover your mouse over the template and click on Use Template to get started.

Select billing form

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, a Total field that automatically calculates the total price of your order.

For this example, we took the default Multiple Items field and customize it this way:

Multiple-item-field-order-form

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.

Total amount

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.

Choose products field

Now, if a user selects multiple products, the Total Amount field will automatically display accumulated the amount of the selected items.

Total amount multiple products

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.

Save WPForms

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.

Embed in new page

You’ll be prompted to give a name to your page. When you’re done, click on Let’s Go.

Embed shirt ordering form

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 WPForms calculation feature live.

Publish order form

Your form is now embedded on a new page and ready for use!

Embedded order form

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.

Using WordPress and want to get WPForms for free?

Enter the URL to your WordPress website to install.

Comments

  1. 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.

    1. 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.

  2. Is there a way to add multiple quantities of the same product – say the customer wants to buy 3 of the SAME shirt?

    1. 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! 🙂

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

This form is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.