1. Documentation
  2. Plugins
  3. WooCommerce
  4. Extensions
  5. Name Your Price

Name Your Price Use Case: How to Create a “Pay your bill” System

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.

Required plugins ↑ Back to top

Settings configuration ↑ Back to top

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:

name-your-price-settings

Product configuration ↑ Back to top

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:

name-your-price-product-options

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:

product-add-ons-configuration

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

single-product-page-1

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:

product-sold-individually

WooCommerce - the most customizable eCommerce platform for building your online business.

  • 30 day money back guarantee
  • Support teams across the world
  • Safe & Secure online payment