Invoices

Updated 1 day ago 7 min read

Overview

The Invoices module enables you to create professional invoices, send them to customers, track payments, and manage your accounts receivable. ABBPay supports multiple invoice templates, multi-currency invoicing, recurring invoices, and integrated payment collection.

Accessing Invoices

Navigate to Account > Money In > Invoices tab.


Invoice Dashboard

At the top of the Invoices page, an analysis panel displays 4 key metrics:

Metric Description
All Invoices Total value of all invoices
Paid Invoices Total amount received
Pending Payment Amount due on upcoming invoices
Due Payment Amount overdue past due date

Invoice List

The invoice list displays all your invoices in a searchable, sortable data table with filters.

Available Actions

Action Description
Create Invoice Generate a new invoice
Edit Invoice Modify an existing invoice
View Invoice Preview invoice details
Add Payment Record a payment against an invoice
Send Invoice Email the invoice to the customer
Send via WhatsApp Send invoice link via WhatsApp
Print/Download Download invoice as PDF
Delete Invoice Remove an invoice
Bulk Delete Remove multiple invoices at once
Export Export invoices as Excel or PDF

Create Invoice

How to Create an Invoice

  1. Click the Create Invoice button.
  2. You will be taken to the invoice creation page.

Invoice Form Fields

Header Information

Field Required Description
Invoice ID Yes Auto-generated unique identifier (editable)
Client Yes Select customer from dropdown
Invoice Date Yes Date of the invoice
Due Date No Payment due date (defaults to 5 days after invoice date)
Template Yes Select invoice design template
Status Yes Invoice status (Draft, Sent, etc.)
Currency Auto Automatically set from company settings

Line Items

Each invoice can contain multiple line items. For each item:

Field Description
Product Searchable product/service dropdown
Product Name Auto-filled from product selection (editable)
Ledger Account Chart of accounts category for the item
Quantity Number of units
Unit Price Price per unit
VAT/Tax Tax rate to apply (dropdown)
VAT Value Auto-calculated tax amount
Discount Discount amount per line item
Subtotal Auto-calculated line total
Net Amount Auto-calculated net amount
Total Auto-calculated total including tax

To add a line item: Click the Add Item button below the items table. To remove a line item: Click the delete icon on the right side of the line.

Global Tax & Discount (Optional)

Field Description
Use Global Tax Toggle to apply a tax rate to the entire invoice
Global Tax Select one or more tax rates (when global tax is enabled)
Global Discount Enter a discount amount
Discount Type Choose Percentage or Fixed Amount

Notes & Terms

Field Description
Note/Description Free-text notes visible on the invoice
Terms Payment terms and conditions

Invoice Totals (Auto-Calculated)

Field Description
Sub-total Sum of all line items before tax and discount
Total Discount Sum of all discounts applied
Total VAT Sum of all tax amounts
Total Amount Final invoice amount

Save Options

After completing the form, choose one of three save actions:

Action Description
Save and View Saves the invoice and opens the preview page
Save and Print Saves the invoice and opens the print view
Save and Send Saves the invoice and sends a payment reminder email to the customer

Edit Invoice

  1. From the invoice list, click Edit in the actions dropdown, or click the edit icon on the invoice detail page.
  2. The edit form opens with all existing data pre-populated.
  3. Modify any fields as needed.
  4. Click Save and View Preview or Save and Return to List.

Note: The Invoice ID field is editable but must remain unique across all your invoices.


View Invoice

Invoice Detail Page

Click on an invoice or select View from the actions dropdown to open the detail page.

Displayed Information

Header Section:

  • Invoice number and status badge
  • Invoice date
  • Action buttons (Edit, Send, Add Payment, WhatsApp, Print)

Client Information:

  • Customer name, contact details, and address

Line Items Table:

  • All products/services with quantities, prices, tax, discounts, and totals

Payment Summary:

Field Description
Net Amount Total before tax
Total VAT Total tax amount
Global Discount Discount applied (if any)
Final Amount Total amount due
Paid Amount Total payments received
Due Amount Outstanding balance

Payment History:

  • Table showing all payments received with date, amount, and payment method

Notes & Terms:

  • Any notes or terms attached to the invoice

Invoice Status Badges

Status Colour Description
Draft Yellow Invoice created but not sent
Sent Blue Invoice emailed to customer
Paid Green Invoice fully paid

Record Payment

Adding a Payment to an Invoice

  1. From the invoice detail page, click the Add Payment button.
  2. A payment form slide panel will appear.

Payment Form Fields

Field Required Description
Invoice Number Read-only Displays the invoice being paid
Due Amount Read-only Outstanding balance
Paid Amount Read-only Amount already paid
Payment Date Yes Date of the payment
Amount to Pay Yes Amount being paid
Bank Account Yes Select the bank account receiving the payment
Payment Mode Yes Cash, Bank Transfer, Cheque, etc.
Notes No Additional payment notes
Reference Number No External reference (e.g., bank transaction ID)
  1. Click Save to record the payment.

Send Invoice

Send via Email

  1. From the invoice detail page, click the Send button (paper airplane icon).
  2. The invoice will be emailed to the customer's registered email address.
  3. A confirmation message will appear.

Send via WhatsApp

  1. From the invoice detail page, click the WhatsApp button.
  2. A slide panel will appear with two options:
Method Description
API (Automatic) Sends automatically through your connected WhatsApp Business account
Manual Opens WhatsApp with a pre-filled message for you to send
  1. Enter or confirm the recipient's phone number (with country code).
  2. Click Send.

  1. From the invoice detail page, click the Print button (printer icon).
  2. The invoice will be downloaded as a PDF file.
  3. You can also access the print view directly from the invoice list.

Invoice Templates

ABBPay offers 10 professionally designed invoice templates:

Template Style
Default Clean, minimal design
London Professional UK business style
Paris Elegant European design
New York Modern corporate layout
Tokyo Sleek minimalist design
Hong Kong Contemporary Asian-inspired
Mumbai Vibrant professional style
Istanbul Classic Mediterranean design
Rio Bold colourful layout
Toronto Clean Canadian business style

Select your preferred template in the invoice creation form or in Settings > Invoice Settings.


Delete Invoice

Single Delete

  1. Click Delete from the actions dropdown in the invoice list.
  2. Confirm the deletion in the dialog.

Bulk Delete

  1. Select multiple invoices using the checkboxes.
  2. Click the Delete Selected bulk action.
  3. Confirm the bulk deletion.

Export Invoices

Format How
Excel Click the Export dropdown and select "Export as Excel"
PDF Click the Export dropdown and select "Export as PDF"

Invoice Workflow Summary

Create Invoice → Save as Draft
                    ↓
              Edit/Review
                    ↓
              Send to Customer (Email or WhatsApp)
                    ↓
              Customer Views Invoice
                    ↓
              Record Payment(s)
                    ↓
              Invoice Marked as Paid (when fully paid)
Was this page helpful?
0 found it helpful, 0 did not