Free Invoice Generator by Daybook.Cloud

Customizing Your Invoice Template

What is an Invoice Template?

An invoice template is an HTML file that defines the design and layout of your invoice. You can fully customize it with your own branding, styles, and layout while using special placeholders to insert dynamic invoice data.

How Placeholders Work

Placeholders are special tags inside your HTML that get replaced automatically with your actual invoice data when generating the final invoice. For example:

<p>Invoice Number: [[invoice_number]]</p>

When rendered, this becomes:

<p>Invoice Number: INV-001</p>

Available Placeholders

Here is a complete list of supported placeholders you can use in your HTML template:

Item Table Placeholders

For listing multiple items, use a special block between [[items_start]] and [[items_end]]. Your template should include a repeating row template like this:

<table>
  <thead>
    <tr>
      <th>Item</th>
      <th>Quantity</th>
      <th>Price</th>
      <th>CGST</th>
      <th>SGST</th>
      <th>Amount</th>
    </tr>
  </thead>
  <tbody>
    [[items_start]]
    <tr>
      <td>[[item_name]]</td>
      <td>[[item_quantity]]</td>
      <td>[[item_price]]</td>
      <td>[[item_cgst]]</td>
      <td>[[item_sgst]]</td>
      <td>[[item_amount]]</td>
    </tr>
    [[items_end]]
  </tbody>
</table>
    

When generating the invoice, all items will be inserted between [[items_start]] and [[items_end]] using the row template inside.

Tips for Designing Your Template

Need Help?

If you have any questions about customizing your template or using placeholders, reach out to us at [email protected].