Invoices
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
- Click the Create Invoice button.
- 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
- From the invoice list, click Edit in the actions dropdown, or click the edit icon on the invoice detail page.
- The edit form opens with all existing data pre-populated.
- Modify any fields as needed.
- 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
- From the invoice detail page, click the Add Payment button.
- 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) |
- Click Save to record the payment.
Send Invoice
Send via Email
- From the invoice detail page, click the Send button (paper airplane icon).
- The invoice will be emailed to the customer's registered email address.
- A confirmation message will appear.
Send via WhatsApp
- From the invoice detail page, click the WhatsApp button.
- 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 |
- Enter or confirm the recipient's phone number (with country code).
- Click Send.
Print Invoice
- From the invoice detail page, click the Print button (printer icon).
- The invoice will be downloaded as a PDF file.
- 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
- Click Delete from the actions dropdown in the invoice list.
- Confirm the deletion in the dialog.
Bulk Delete
- Select multiple invoices using the checkboxes.
- Click the Delete Selected bulk action.
- Confirm the bulk deletion.
Export Invoices
| Format | How |
|---|---|
| Excel | Click the Export dropdown and select "Export as Excel" |
| 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)