"Pay your bill" using WooCommerce

How to create a “Pay your bill” system using WooCommerce

October 25, 2014

Some users use an online payment system for their bills, asking their customers to go on the website and pay the bill directly there.

In this tutorial you will learn how to create this system in WooCommmerce.

Required plugins

You need two premium plugins to create this system:

System configuration

There are few steps before to being able to accept payments for your bills. After installing Name your price and Product Add-ons, go to Name your price configuration page in WooCommerce > Settings > Name your price and set the options value with your needs. In this example, i have these values:

Product configuration

Now you have to create a product which will be used by the “Pay your bill” system.

Go to Products > Add New and set all the basics configuration of the product (title, description, category, tags, etc.). You can use both Simple product or Variable product, depends on what you need. In the example I use a simple product.

Next to the Product type dropdown you have some checkboxes. After activating Name your price plugin you have a new checkbox there named Name Your Price. Be sure to select it, like in this screenshot:

Also leave blank the fields Suggested Price and Minimum Price. You can’t set them because you do not have a suggested price and you do not know the minimum price of the bill which the customer is going to pay for.

For this purpose, you need to know which bill the customer is going to pay for. This is why you need the plugin Product Add-ons.

Select the tab Add-ons in the single product admin page and create a New Add-ons Group:

In this example I used only Account number and Bill number fields, but you can add as many as you need, also you can set an additional fee for each option if you want, using the Option price field available in each add-ons.

Save the product and publish it.

You will see something like this in your single product page (using the theme TwentyTwelve):

As you can see, the customer will be able to set the quantity of bills to pay. This probably is not really useful in a lot of system. If you want to disable it and allow the customer to pay only one bill per order, go to your product settings, select the tab Inventory and select the option Sold Individually: