Create an Invoice Payment Page with WooCommerce

WooCommerce is capable of selling products, but with the Product Add-ons Extension, you can Create an Invoice Payment Page with WooCommerce.

Create an Invoice Payment Page with WooCommerce

IMPORTANT: You must have WooCommerce installed and configured to sell products.

Install Product Add-Ons

Buy and install the WooCommerce extension Product Add-Ons.
How to install WordPress plugins. Also, see How to create a donations page with WooCommerce.

Create a new product called Invoice Payment

1. Go to Products and click Add Product.
   WooCommerce displays the Edit Product screen.
2. Enter a title of Invoice Payment.
3. Enter some descriptive text.
4. Product Categories: If you don’t want to see related products below the Invoice Payment product, don’t add the invoice product to a category.
5. From the Product Data menu, click General.
   
   
6. Select Simple Product.
7. Check Virtual.
8. In the Regular price field, enter 00.00
9. From the Tax Status field, select None.
10. From the Product Data menu, click Advanced.
11. Uncheck Enable Reviews. Most likely, you don’t want reviews on an invoice payment page.
12. From the Product Data menu, click Add-Ons
    
    
13. Click New Addon Group
14. Create an Invoice Number field: From the Group list, select Only letters and numbers.
15. Name it Invoice Number.
16. Check Required fields.
    Note: Depending on how your invoice numbers are structured, you might need to use Only Numbers or Any Text
17. From the Group list, select Custom Price.
18. Check Required fields
19. Check Global Addon Exclusion. The option excludes any global Product Add0ons you created for other products.
20. Click Set Featured image to add a product image for the Invoice product. If you don’t specify a featured image, WooCommerce will use the default product image.
21. Click Publish and review the invoice product.
    Notice that the Invoice product shows “Free!” on the single product page and on the category page.
    
22. To remove the Free! text from the category and single product page, add the following code at the end of your functions.php file:

    /**
     * Hide the 'Free!' price notice
     */
    add_filter( 'woocommerce_variable_free_price_html', 'hide_free_price_notice' );
    add_filter( 'woocommerce_free_price_html', 'hide_free_price_notice' );
    add_filter( 'woocommerce_variation_free_price_html', 'hide_free_price_notice' );
    function hide_free_price_notice( $price ) {
      return '';
    }

23. That’s it. You now have an invoice payment page. Make sure you create a test invoice payment to make sure everything works.