In the fast-paced world of online business, having the right tools is essential for running operations smoothly. We are excited to introduce our free invoice template (PDF), specifically designed for use with J2Store Pro v4.0.5 and Joomla 5.1.
What Does Our Invoice Template Offer?
This PDF invoice template is a practical and user-friendly solution for small and medium-sized businesses that want to create professional invoices. The template offers:
- Clear Structured Design: A clean and modern layout that is easy to customize.
- Easy to Customize: Users can easily add their company information, logos, and individual text.
- Compatibility: Fully tested and compatible with J2Store Pro v4.0.5 and Joomla 5.1, ensuring seamless integration with your existing system.
- Time-Saving: Ready to use quickly, saving you valuable time.
Why Should You Use Our Template?
Our invoice template is designed to meet the needs of modern businesses. By using this template, you can ensure that your invoices not only look professional but also comply with legal requirements.
How to Get Your Free Template
Download (copy & paste the following html snippet) the free invoice template (PDF) and benefit from a simple and effective solution for creating professional invoices.
<style type="text/css">
img, a img { border:0; outline:none; text-decoration:none;}
p {margin-top:0; margin-right:0; margin-left:0; padding:0;}
img {-ms-interpolation-mode: bicubic;}
body, table, td, p, a, li, blockquote {-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}
</style>
<style type="text/css">
@media only screen and (max-width: 480px) {
.rtable {width: 100% !important;}
.rtable tr {height:auto !important; display: block;}
.contentTD {max-width: 100% !important; display: block; width: auto !important;}
.contentTD:after {content: ""; display: table; clear: both;}
.imgTable, .imgTable table {max-width: 100% !important; height: auto; float: none; margin: 0 auto;}
.imgTable.btnset td {display: inline-block;}
.imgTable img {width: 100%; height: auto !important;display: block;}
table {float: none;}
.noresponsive p {display: table; table-layout: fixed; width: 100%; word-wrap: break-word;}
}
</style>
<table style="background-color: #c8c8c8" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td style="font-size: 0; height: 0; line-height: 0"></td>
</tr>
<tr>
<td valign="top">
<table class="rtable" style="width: 636px; margin: 0 auto" cellspacing="0" cellpadding="0" width="636" align="center" border="0">
<tr>
<th class="contentTD" style="border-top: medium none; border-right: medium none; width: 636px; border-bottom: medium none; font-weight: normal; text-align: left; border-left: medium none; padding: 8px 0;background-color: transparent">
<table style="width: 100%" cellspacing="0" cellpadding="0" align="left">
<tr style="height: 80px" height="80">
<th class="contentTD" style="border-top: medium none; border-right: medium none; width: 518px; vertical-align: middle; border-bottom: medium none; font-weight: normal; text-align: left; border-left: medium none; padding: 5px 10px;background-color: transparent">
<p style="font-size: 16px; margin-bottom: 1em; font-family: arial, helvetica, sans-serif; margin-TOP: 0; COLOR: #20272e; text-align: right; line-height: 25px; background-color: transparent; mso-line-height-rule: exactly" align="right">Company Name</p>
</th>
<th class="contentTD" style="border-top: medium none; border-right: medium none; width: 78px; vertical-align: top; border-bottom: medium none; font-weight: normal; text-align: left; border-left: medium none; padding: 5px 10px;background-color: transparent">
<!--[if gte mso 12]>
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td align="center">
<![endif]-->
<table class="imgTable" style="margin: 0 auto" cellspacing="0" cellpadding="0" align="center" border="0">
<tr>
<td style="padding: 0;" align="center">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td style="border-top: medium none; border-right: medium none; border-bottom: medium none; border-left: medium none; background-color: transparent">
<img style="border-top: medium none; border-right: medium none; border-bottom: medium none; border-left: medium none; display: block" alt="logo" src="/./uiThemeBuilder-PDF-logo-public_files/Image_1_b2e5c29ce2bd4ae19c2a48a094842988.png" width="70" hspace="0" vspace="0" />
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if gte mso 12]>
</td>
</tr>
</table>
<![endif]-->
</th>
</tr>
</table>
</th>
</tr>
<tr>
<th class="contentTD" style="border-top: medium none; border-right: medium none; width: 636px; border-bottom: medium none; font-weight: normal; text-align: left; border-left: medium none; padding: 8px 0;background-color: transparent">
<table style="width: 100%" cellspacing="0" cellpadding="0" align="left">
<tr style="height: 183px" height="183">
<th class="contentTD" style="border-top: medium none; border-right: medium none; width: 616px; vertical-align: top; border-bottom: medium none; font-weight: normal; text-align: left; border-left: medium none; padding: 10px;background-color: transparent">
<p style="font-size: 12px; margin-bottom: 1em; font-family: arial, helvetica, sans-serif; margin-TOP: 0; COLOR: #383838; text-align: left; line-height: 17px; background-color: transparent; mso-line-height-rule: exactly" align="left">
<u>Firmenname | Firmenweg 1 | 12345 Firmenstadt</u>
</p>
<p style="font-size: 14px; margin-bottom: 1em; font-family: arial, helvetica, sans-serif; margin-TOP: 0; COLOR: #383838; text-align: left; line-height: 20px; background-color: transparent; mso-line-height-rule: exactly" align="left">
[BILLING_FIRSTNAME] [BILLING_LASTNAME]<br />
[BILLING_ADDRESS_1]<br />
[BILLING_ADDRESS_2]<br />
[BILLING_ZIP] [BILLING_CITY] [BILLING_COUNTRY]<br />
[BILLING_COMPANY] [BILLING_VATID]
</p>
</th>
</tr>
</table>
</th>
</tr>
<tr>
<th class="contentTD" style="border-top: medium none; border-right: medium none; width: 636px; border-bottom: medium none; font-weight: normal; text-align: left; border-left: medium none; padding: 8px 0;background-color: transparent">
<table style="width: 100%" cellspacing="0" cellpadding="0" align="left">
<tr style="height: 94px" height="94">
<th class="contentTD" style="border-top: medium none; border-right: medium none; width: 616px; vertical-align: top; border-bottom: medium none; font-weight: normal; text-align: left; border-left: medium none; padding: 10px;background-color: transparent">
<p style="font-size: 14px; margin-bottom: 1em; font-family: arial, helvetica, sans-serif; margin-TOP: 0; COLOR: #383838; text-align: right; line-height: 20px; background-color: transparent; mso-line-height-rule: exactly" align="right">
Date of invoice: [ORDERDATE]<br />
Delivery / service date: [ORDERDATE]<br />
VAT ID: [ID]
</p>
</th>
</tr>
</table>
</th>
</tr>
<tr>
<th class="contentTD" style="border-top: medium none; border-right: medium none; width: 636px; border-bottom: medium none; font-weight: normal; text-align: left; border-left: medium none; padding: 8px 0;background-color: transparent">
<table style="width: 100%" cellspacing="0" cellpadding="0" align="left">
<tr style="height: 116px" height="116">
<th class="contentTD" style="border-top: medium none; border-right: medium none; width: 624px; vertical-align: top; border-bottom: medium none; font-weight: normal; text-align: left; border-left: medium none; padding: 8px 6px 10px;background-color: transparent">
<p style="font-size: 16px; margin-bottom: 1em; font-family: arial, helvetica, sans-serif; margin-TOP: 0; COLOR: #383838; text-align: left; PADDING-LEFT: 10px; line-height: 25px; mso-line-height-rule: exactly" align="left">
<strong><span style="font-size: 18px; line-height: 28px">Invoice Number: [ORDERID]</span></strong>
</p>
<p style="font-size: 14px; margin-bottom: 1em; font-family: arial, helvetica, sans-serif; margin-TOP: 0; COLOR: #383838; text-align: left; PADDING-LEFT: 10px; line-height: 20px; background-color: transparent; mso-line-height-rule: exactly" align="left">Thank you for your good cooperation.<br />
We hereby invoice you for the following deliveries and Services:
</p>
</th>
</tr>
</table>
</th>
</tr>
<tr>
<th class="contentTD" style="border-top: medium none; border-right: medium none; width: 636px; border-bottom: medium none; font-weight: normal; text-align: left; border-left: medium none; padding: 8px 0;background-color: transparent">
<table style="width: 100%" cellspacing="0" cellpadding="0" align="left">
<tr style="height: 78px" height="78">
<th class="contentTD" style="border-top: medium none; border-right: medium none; width: 624px; vertical-align: top; border-bottom: medium none; font-weight: normal; text-align: left; border-left: medium none; padding: 8px 6px;background-color: transparent">
<p style="font-size: 12px; margin-bottom: 1em; font-family: arial, helvetica, sans-serif; margin-TOP: 0; COLOR: #383838; text-align: left; PADDING-LEFT: 10px; line-height: 17px; background-color: transparent; mso-line-height-rule: exactly" align="left"><br />
[ITEMS]<br />
</p>
</th>
</tr>
</table>
</th>
</tr>
<tr>
<th class="contentTD" style="border-top: medium none; border-right: medium none; width: 636px; border-bottom: medium none; font-weight: normal; text-align: left; border-left: medium none; padding: 8px 0;background-color: transparent">
<table style="width: 100%" cellspacing="0" cellpadding="0" align="left">
<tr style="height: 103px" height="103">
<th class="contentTD" style="border-top: medium none; border-right: medium none; width: 624px; vertical-align: top; border-bottom: medium none; font-weight: normal; text-align: left; border-left: medium none; padding: 6px;background-color: transparent">
<p style="font-size: 12px; margin-bottom: 1em; font-family: arial, helvetica, sans-serif; margin-TOP: 0; COLOR: #383838; text-align: left; PADDING-LEFT: 10px; line-height: 17px; background-color: transparent; mso-line-height-rule: exactly" align="left">According to Section 19, Paragraph 1 of the VAT Act, no sales tax is charged.<br />
The invoice amount is due immediately.
</p>
<p style="font-size: 12px; margin-bottom: 1em; font-family: arial, helvetica, sans-serif; margin-TOP: 0; COLOR: #383838; text-align: left; PADDING-LEFT: 10px; line-height: 17px; background-color: transparent; mso-line-height-rule: exactly" align="left">
Status of your payment: [ORDERSTATUS]<br />
</p>
</th>
</tr>
</table>
</th>
</tr>
<tr>
<th class="contentTD" style="border-top: medium none; border-right: medium none; width: 636px; border-bottom: medium none; font-weight: normal; text-align: left; border-left: medium none; padding: 10px 0;background-color: transparent">
<table style="width: 100%" cellspacing="0" cellpadding="0" align="left">
<tr style="height: 10px" height="10">
<th class="contentTD" style="border-top: medium none; border-right: medium none; width: 636px; vertical-align: top; border-bottom: medium none; font-weight: normal; text-align: left; border-left: medium none; padding: 0;background-color: transparent"></th>
</tr>
</table>
</th>
</tr>
<tr>
<th class="contentTD" style="border-top: medium none; border-right: medium none; width: 636px; border-bottom: medium none; font-weight: normal; text-align: left; border-left: medium none; padding: 1px 0;background-color: transparent">
<table style="width: 100%" cellspacing="0" cellpadding="0" align="left">
<tr style="height: 2px" height="2">
<th class="contentTD" style="border-top: medium none; border-right: medium none; width: 616px; vertical-align: top; border-bottom: medium none; font-weight: normal; text-align: left; border-left: medium none; padding: 1px 10px;background-color: transparent"></th>
</tr>
</table>
</th>
</tr>
<tr>
<th class="contentTD" style="border-top: medium none; border-right: medium none; width: 636px; border-bottom: medium none; font-weight: normal; text-align: left; border-left: medium none; padding: 1px 0;background-color: transparent">
<table style="width: 100%" cellspacing="0" cellpadding="0" align="left">
<tr style="height: 89px" height="89">
<th class="contentTD" style="border-top: #383838 2px solid; border-right: medium none; width: 306px; vertical-align: top; border-bottom: medium none; font-weight: normal; text-align: left; border-left: medium none; padding: 12px 6px 6px;background-color: transparent">
<p style="font-size: 10px; margin-bottom: 1em; font-family: arial, helvetica, sans-serif; margin-TOP: 0; COLOR: #20272e; text-align: left; line-height: 12px; background-color: transparent; mso-line-height-rule: exactly" align="left">
<span style="font-size: 12px; line-height: 15px">Tel: 01234/56789-0</span><br />
<span style="font-size: 12px; line-height: 15px">Web: <a title="" style="COLOR: #21272e" href="https://www.company.com/" target="_blank">company.com</a></span>
</p>
</th>
<th class="contentTD" style="border-top: #383838 2px solid; border-right: medium none; width: 306px; vertical-align: top; border-bottom: medium none; font-weight: normal; text-align: left; border-left: medium none; padding: 14px 6px 6px;background-color: transparent">
<p style="font-size: 12px; margin-bottom: 1em; font-family: arial, helvetica, sans-serif; margin-TOP: 0; COLOR: #20272e; text-align: right; line-height: 15px; background-color: transparent; mso-line-height-rule: exactly" align="right">
Company<br />
<span style="font-size: 11px; line-height: 14px">Bank</span><br />
<strong><span style="font-size: 11px; line-height: 14px">IBAN: DE89 1234 4762 4758 1234 00</span><br />
<span style="font-size: 11px; line-height: 14px">BIC: ERFBDE8E759</span></strong>
</p>
</th>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
<tr>
<td style="font-size: 0; height: 8px; line-height: 0"> </td>
</tr>
</table>Free invoice template (PDF) for J2Store Pro v4.0.5 and Joomla 5.1. Professionally designed and easily customizable template to streamline your invoicing process.
user
tino
template
Thanks! works perfectly :-)