Invoice Designs

LoveInvoice offers a variety of invoice designs to suit different business needs. You can choose from pre-designed templates or create your own custom design.

Similar to email templates, invoice designs can be built and customised using the Liquid templating language. This allows you to tailor the appearance and layout of your invoices to match your brand identity, giving you full control over how your invoices look.

If you're not familiar with Liquid, we'd recommend having a glance over the Liquid Cheat Sheet to get a basic understanding of how it works. However, unlike emails, the Rich Text Editor (RTE) is not available for invoice designs, so you'll need to work directly with the HTML code.

To make this easier, we'd recommend starting with one of the default templates provided by LoveInvoice. You can then modify the HTML and Liquid code to better fit your requirements.

Available Variables

Each invoice design supports a set of variables that you can use to dynamically insert data into your invoices. These variables allow you to pull in information such as customer details, invoice items, totals, and more.

Invoice

{{invoice.id}}

The internal ID of the invoice

string

{{invoice.invoice_number}}

The unique number of the invoice generated at send time

string

{{invoice.total_amount}}

The total amount due on the invoice

number

{{invoice.subtotal_amount}}

The pre-tax total amount of the invoice

number

{{invoice.tax_amount}}

The total tax amount applied to the invoice

number

{{invoice.status}}

The current status of the invoice

string

{{invoice.issue_date}}

The date the invoice was issued

date

{{invoice.due_date}}

The date by which the invoice should be paid

date

{{invoice.currency}}

The currency in which the invoice is issued

string

{{invoice.terms}}

The terms and conditions applicable to the invoice

string

{{invoice.footer}}

The footer text displayed on the invoice

string

{{invoice.view_link}}

The URL to view the invoice in the browser

string

{{invoice.items}}

Array of line items in the invoiceRequires looping with {% for %}

array

{{invoice.notes}}

Additional notes for the invoice

string

Client

{{client.name}}

The name of the client to whom the invoice is issued

string

{{client.email}}

The email address of the client

string

{{client.phone}}

The phone number of the client

string

{{client.billing_address_1}}

The first line of the client's billing address

string

{{client.billing_address_2}}

The second line of the client's billing address

string

{{client.billing_city}}

The city of the client's billing address

string

{{client.billing_postcode}}

The postcode of the client's billing address

string

{{client.billing_country}}

The country of the client's billing address

string

{{client.billing_state}}

The state of the client's billing address

string

{{client.shipping_address_1}}

The first line of the client's shipping address

string

{{client.shipping_address_2}}

The second line of the client's shipping address

string

{{client.shipping_city}}

The city of the client's shipping address

string

{{client.shipping_postcode}}

The postcode of the client's shipping address

string

{{client.shipping_country}}

The country of the client's shipping address

string

{{client.shipping_state}}

The state of the client's shipping address

string

{{client.vat_number}}

The VAT number of the client

string

{{client.company_number}}

The company registration number of the client

string

Business

{{business.name}}

The name of the business issuing the invoice

string

{{business.trading_name}}

The trading name of the business (if different from the official name)

string

{{business.email}}

The email address of the business

string

{{business.phone}}

The phone number of the business

string

{{business.website}}

The website URL of the business

string

{{business.address_1}}

The first line of the business's address

string

{{business.address_2}}

The second line of the business's address

string

{{business.city}}

The city of the business's address

string

{{business.postcode}}

The postcode of the business's address

string

{{business.country}}

The country of the business's address

string

{{business.state}}

The state of the business's address

string

{{business.vat_number}}

The VAT number of the business

string

{{business.company_number}}

The company registration number of the business

string

{{business.currency}}

The currency used by the business

string

{{business.logo_url}}

The URL of the business's logo to be displayed on the invoice

string

{{business.bank_account_name}}

The name on the business's bank account

string

{{business.bank_account_number}}

The bank account number for payments

string

{{business.bank_sort_code}}

The sort code of the business's bank account

string

{{business.bank_iban}}

The IBAN of the business's bank account

string

{{business.bank_swift}}

The SWIFT code of the business's bank

string

{{business.bank_address}}

The address of the business's bank

string

{{business.brand_color}}

The brand color associated with the business

string

Custom Fields

{{custom_fields}}

Array of custom field objects with field_label and value propertiesRequires looping with {% for %}

array

When previewing the invoice design, sample data will be used to give you an idea of how the final invoice will look. However, please note that the actual data on your invoices may vary, so it's important to test your design with real invoices to ensure everything displays correctly.

The only exception to this is the Business variables, which will always pull in your actual business information as set in the Business Settings.