🧾

Invoice Generator

Create professional Tax Invoices with logo, VAT, bank details and full line items. Print or save as PDF.

Your Business Details

Business Logo

PNG or JPG recommended. Logo is fixed at 250–400px wide on the document (top right).

Company / Business Name *

Company Registration No.

VAT Registration No.

Phone

Website

Business Address

Banking & Payment Details

Bank Name

Account Holder Name

Account Number

Branch Code

Account Type

Payment Terms

Accepted Payment Methods

Invoice Details

Document Title

Invoice Number *

Invoice Date

Date of Supply / Service

Due Date

Customer / Bill To

Customer Name / Company *

Customer VAT No. (if registered)

Customer Email

Customer Phone

Billing Address

Line Items

Description Qty Unit Price (ZAR)

VAT Rate (%)

South Africa standard VAT is 15%. Set to 0 if you are not VAT registered.

Notes / Additional Terms

'; // Lines html += ''+itemsHtml+'

Description	Qty	Unit Price	Amount

'; // Totals html += ''; html += ''; if (vatRate > 0) html += ''; html += ''; html += '

Subtotal	'+money(subtotal)+'
VAT ('+vatRate+'%)	'+money(vatAmt)+'
Total Due	'+money(total)+'

'; // Banking var hasBank = $('#inv-bank-name').val() || $('#inv-bank-account-no').val(); if (hasBank) { html += '

Payment Details

'; html += '

'; if ($('#inv-bank-name').val()) html += 'Bank: '+esc($('#inv-bank-name').val())+'
'; if ($('#inv-bank-account-name').val()) html += 'Account Name: '+esc($('#inv-bank-account-name').val())+'
'; if ($('#inv-bank-account-no').val()) html += 'Account No: '+esc($('#inv-bank-account-no').val())+'
'; if ($('#inv-bank-branch').val()) html += 'Branch Code: '+esc($('#inv-bank-branch').val())+'
'; if ($('#inv-bank-type').val()) html += 'Account Type: '+esc($('#inv-bank-type').val())+'
'; html += 'Payment Terms: '+esc($('#inv-payment-terms').val())+'
'; if ($('#inv-payment-methods').val()) html += 'Methods: '+esc($('#inv-payment-methods').val())+'
'; html += 'Reference: Please use invoice number '+esc(invNo)+''; html += '

'; } if ($('#inv-notes').val()) { html += '

Notes: '+esc($('#inv-notes').val())+'

'; } $('#inv-print-area').html(html); $('#inv-preview').slideDown(); $('html,body').animate({scrollTop: $('#inv-preview').offset().top - 40}, 300); }); function esc(s){ return String(s||'').replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"'); } })(jQuery);