If you use the WooCommerce extension for WordPress to manage your website, you know its basic eCommerce functionality is excellent. It's ideal for running an online store where customers can drop items in their cart and check out with a credit card.
WooCommerce's popularity for Web-based shopping experiences is such that 30% of all online stores use it. Still, many B2B-type users find its approach to eCommerce is only not up to the task for more complex transactions. For example, sending an invoice to a client or allowing wholesale customers to buy items in bulk with special payment terms.
WooCommerce can also be used to generate invoices with online and offline payment options and keep track of orders in the same place as your public storefront orders.
Here's a step-by-step guide to generating an invoice, emailing it with a payment link, and enabling your customer to pay directly online using only WooCommerce and the payment gateway plug-in you choose.
Before getting into the nitty-gritty of optimizing WooCommerce for invoices, it's good to understand what is an invoice and why it matters.
In your WordPress dashboard, go to WooCommerce > Orders > Add Order. Here, you'll enter the customer and item information used to generate an invoice. Click the pencil icon beside Billing Details to enter your customer's information.
Important: Enter a valid email address so your customers can receive the invoice.
Choose the payment gateway you want your customer to use for this transaction in the Payment Method drop-down.
You can find WooCommerce-compatible payment plug-ins in the dashboard by going to WooCommerce > Add-ons > Gateways or WooCommerce > Add-ons > Third-party.
You can enable multiple payment gateways in Settings > Checkout, including offline types like check and cash-on-delivery. You can choose which ones to activate in your checkout and the order in which they should appear.
Click the Add Line Item(s) button in the Order Items pane to list the products or services you are billing for. This part is not intuitive, so we'll walk you through it.
After calculating your order total, generate your customer's invoice. Go to Order Actions, select Customer Invoice, and click the Save Order button.
Your invoice has automatically been generated and emailed to your customer.
Your customer sees a nicely formatted invoice with a "Pay Now" link at the bottom of their inbox.
Clicking the "Pay Now" link directs your customer back to your site, a secure page confirming their order, and a button to take them to the checkout window.
Clicking "Pay with Paystand" launches the in-line Paystand checkout window. Your customer can choose among different digital payment methods without leaving your site.
From the time your customer receives your invoice in their inbox to the final payment, they have only clicked through three windows without leaving your site or logging in to third-party systems to pay.
If your customer pays by eCheck Processing, they'll authorize a direct debit from their bank account using their secure bank login.
After paying, they'll receive a receipt by email, and the order status will be updated in your WooCommerce dashboard. You'll have a unified financial data set for your online and offline sales.
Generating an invoice in WooCommerce may require some hand-holding. Still, once you've mastered the process, it's a pretty slick way to do custom billing from your website without spending much money on a separate billing service.
Learn more about our integration for seamless WooCommerce invoicing.