W Fakturownia od planu Standard masz możliwość stworzenia własnego szablonu faktury – jeśli żaden z dostępnych wzorów nie odpowiada Ci pod względem wyglądu lub układu. W artykule wyjaśniamy, jak krok po kroku utworzyć i wdrożyć indywidualny szablon (HTML + CSS), który odzwierciedli wizerunek Twojej firmy. Spis treści artykułu:
- jak przygotować własny szablon faktury
- nowy schemat rachunków bankowych we własnym szablonie faktury
- nowy schemat rachunków bankowych we własnym szablonie noty księgowej
Jak przygotować własny szablon faktury?
W Fakturowni użytkownik może wybrać wygląd wystawianych dokumentów spośród siedmiu dostępnych szablonów faktur. Wszystkie szablony systemowe możesz sprawdzić, przechodząc do zakładki Ustawienia > Ustawienia konta > Szablony. W tym miejscu można zobaczyć, jak prezentuje się dokument w danym szablonie, klikając przycisk +Zobacz, dostępny w prawym górnym rogu każdego szablonu.
Aby stworzyć własny szablon faktur:
- przejdź do zakładki Ustawienia > Ustawienia konta > Szablony,
- zjedź na dół strony do sekcji Własny szablon wydruku faktury i kliknij przycisk Dodaj nowy szablon,
- nadaj nazwę szablonu, w polu Rodzaj pozostaw aktywne ustawienie faktura i w dedykowanych polach wklej kod HTML oraz style CSS szablonu - dzięki opcji załaduj przykładowy szablon możesz zaczytać kod i style jednego z systemowych szablonów i wprowadzić w nim własne modyfikacje,
- zatwierdź utworzenie szablonu klikając Zapisz na dole formularza.
Jak we własnym szablonie faktury zaimplementować nowy schemat działania rachunków bankowych?
Z początkiem lutego 2026 roku wprowadziliśmy nowy system obsługi wielu kont bankowych. Teraz zamiast pojedynczych zmiennych (bank, bank_account, swift) używamy tablicy bank_accounts, która pozwala wyświetlić wiele kont na jednej fakturze. Co trzeba zmienić w szablonie?
Aby na fakturach wystawianych we własnym szablonie numery rachunków zgodne z nowym schematem wyświetlane były prawidłowo: należy zamienić ten fragment kodu
{{#if bank}}
<p>
{{bank}}<br />
{{{bank_account}}}
{{#if swift}}
<br />
{{tt 'department.bank_swift'}}: {{swift}}
{{/if}}
</p>
{{/if}}
na kod wskazany poniżej
{{#if bank_accounts_enabled}}
<br />
{{#each bank_accounts}}
<p>
{{tt "invoice.bank_accounts"}}:<br />
{{bank_name}}<br>
{{bank_account_number}}<br />
{{bank_swift_with_currency}}
</p>
{{/each}}
{{else}}
{{#if bank}}
<p>
{{bank}}<br />
{{{bank_account}}}
{{#if swift}}
<br />
{{tt 'department.bank_swift'}}: {{swift}}
{{/if}}
</p>
{{/if}}
{{/if}}
Wyjaśnienie różnic
| STARY SPOSÓB | NOWY SPOSÓB |
| {{bank}} - jedna nazwa banku | {{#each bank_accounts}} - pętla po wszystkich kontach |
| {{bank_account}} - jeden numer konta | {{bank_account_number}} - numer konta w pętli |
| {{swift}} - jeden kod SWIFT | {{bank_swift_with_currency}} - SWIFT z walutą w pętli |
| brak warunku | {{#if bank_accounts_enabled}} - sprawdza czy włączono nowy system |
Dlaczego szablon na dwie sekcje (if/else)?
-
{{#if bank_accounts_enabled}}- dla nowych faktur z włączonym systemem wielu kont -
{{else}}- dla starszych faktur, które używają starego systemu (zachowana kompatybilność wsteczna)
Jak we własnym szablonie not księgowych zaimplementować nowy schemat działania rachunków bankowych?
Jeśli korzystasz z własnego szablonu not księgowych w kodzie szablonu należy dokonać zmian, by uwzględniały one nowy schemat działania rachunków bankowych. Aby na notach księgowych wystawianych we własnym szablonie numery rachunków zgodne z nowym schematem wyświetlane były prawidłowo: należy zamienić ten fragment kodu{{#if bank}}
<p>
{{{bank}}} <br>
{{{bank_account}}}
{{#include 'pl en es ge ua' locale}}
{{#if swift}}
<br />
{{tt 'department.bank_swift'}}: {{swift}}
{{/if}}
{{/include}}
</p>
{{/if}}
{{#if bank_accounts_enabled}}
<br />
{{#each bank_accounts}}
<p>
{{tt "invoice.bank_accounts"}}:<br />
{{bank_name}}<br>
{{bank_account_number}}<br />
{{bank_swift_with_currency}}
</p>
{{/each}}
{{else}}
{{#if bank}}
<p>
{{{bank}}} <br>
{{{bank_account}}}
{{#include 'pl en es ge ua' locale}}
{{#if swift}}
<br />
{{tt 'department.bank_swift'}}: {{swift}}
{{/if}}
{{/include}}
</p>
{{/if}}
{{/if}}