Some of our customers created an online “Pay your bill” system and I think it’s really a nice way to ask your customers to pay bills. In this tutorial you will learn how to create one for your website.
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:
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 purpouse, 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: