# Invoice Designer

The **Invoice Designer** changes how invoice PDFs look: your logo, company details, layout and paper size. Open *Billing → User Invoices → Actions → Invoice Designer*.

[![invoice designer](https://help.snono-systems.com/uploads/images/gallery/2026-11/scaled-1680-/invoice-designer-clean.png)](https://help.snono-systems.com/uploads/images/gallery/2026-11/invoice-designer-clean.png)

## Settings

<table id="bkmrk-fielddescription-pdf"><thead><tr><th>Field</th><th>Description</th></tr></thead><tbody><tr><td>PDF Paper Size</td><td>A4, A5, or 80 mm (for receipt printers).</td></tr><tr><td>Page Orientation</td><td>Portrait or Landscape.</td></tr><tr><td>Template editor</td><td>The invoice template (HTML with Laravel Blade). Edit texts, colours and layout here.</td></tr></tbody></table>

Click **Save** to apply. **Factory Default** restores the original template.

## Customise before using invoices

- **Logo**: replace the image address in the `<img src="...">` tag with your logo URL.
- **Currency**: check the currency text near the total.
- Add your company name, address and tax number as text.

## Values you can use in the template

<table id="bkmrk-variablecontent-%24iss"><thead><tr><th>Variable</th><th>Content</th></tr></thead><tbody><tr><td><code>&#36;issuer&#91;&#39;site&#95;name&#39;&#93;</code>, <code>&#91;&#39;name&#39;&#93;</code>, <code>&#91;&#39;address&#95;line1&#39;&#93;</code>, <code>&#91;&#39;address&#95;line2&#39;&#93;</code>, <code>&#91;&#39;phone&#39;&#93;</code>, <code>&#91;&#39;email&#39;&#93;</code></td><td>Your site title and the details of the manager who created the invoice.</td></tr><tr><td><code>&#36;receiver&#91;&#39;name&#39;&#93;</code>, <code>&#91;&#39;username&#39;&#93;</code>, <code>&#91;&#39;address&#95;line1&#39;&#93;</code>, <code>&#91;&#39;address&#95;line2&#39;&#93;</code>, <code>&#91;&#39;phone&#39;&#93;</code>, <code>&#91;&#39;email&#39;&#93;</code>, <code>&#91;&#39;profile&#95;name&#39;&#93;</code>, <code>&#91;&#39;expiration&#39;&#93;</code>, <code>&#91;&#39;notes&#39;&#93;</code></td><td>The subscriber's details.</td></tr><tr><td><code>&#36;invoice&#91;&#39;number&#39;&#93;</code>, <code>&#91;&#39;issue&#95;date&#39;&#93;</code>, <code>&#91;&#39;due&#95;date&#39;&#93;</code>, <code>&#91;&#39;value&#39;&#93;</code>, <code>&#91;&#39;vat&#39;&#93;</code>, <code>&#91;&#39;discount&#39;&#93;</code>, <code>&#91;&#39;total&#39;&#93;</code>, <code>&#91;&#39;currency&#39;&#93;</code>, <code>&#91;&#39;status&#39;&#93;</code>, <code>&#91;&#39;comment&#39;&#93;</code></td><td>Invoice details. Status is PAID or UNPAID.</td></tr><tr><td><code>&#36;items</code> (each with <code>name</code>, <code>qty</code>, <code>unit&#95;price</code>, <code>price</code>)</td><td>The invoice lines.</td></tr></tbody></table>

<p class="callout warning">A mistake in the template (for example a missing `}}` or a wrong variable) stops all invoice PDFs from being created. If that happens, fix the template or click **Factory Default**. Keep a copy of your template before big changes.</p>

<p class="callout info">The PDF supports Arabic and other languages. The server needs internet access when creating PDFs.</p>

*Required permission: Managers - System Administrator*