Invoice templates allow you to create custom invoice layouts and designs. You can have multiple templates for different use cases.
Fill in template details:
Choose layout type:
Add custom HTML header:
<div class="custom-header">
<h1>Your Custom Header</h1>
</div>
Add custom HTML footer:
<div class="custom-footer">
<p>Thank you for your business!</p>
</div>
Add custom CSS styling:
{
"invoice": {
"fontSize": "14px",
"color": "#333"
},
"header": {
"backgroundColor": "#f5f5f5"
}
}
Click Save to create the template.
Set a template as default:
Default template is used for:
Warning: Deleting a template does not affect existing invoices that used it.
If no template selected:
Customize invoice header:
<div class="invoice-header">
<img src="logo.png" alt="Logo">
<h1>Invoice</h1>
</div>
Customize invoice footer:
<div class="invoice-footer">
<p>Payment terms: Net 30</p>
<p>Thank you!</p>
</div>
Style your templates with CSS:
{
"body": {
"fontFamily": "Arial, sans-serif",
"fontSize": "12px"
},
"header": {
"backgroundColor": "#ffffff",
"padding": "20px"
},
"table": {
"width": "100%",
"borderCollapse": "collapse"
}
}