Jak przygotować własny szablon faktury?
Ostatnia aktualizacja: 2025-11-27
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.
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.
Wybrany w tym miejscu systemu szablon obowiązuje dla wszystkich dokumentów wystawionych na koncie. Jeśli jednak chcesz, aby inna firma lub dział dodany na koncie miał inny wygląd dokumentów, możesz przypisać szablon bezpośrednio w ustawieniach działu, dzięki czemu każdy dział może mieć własny wygląd dokumentów. Więcej informacji o tej opcji znajdziesz w artykule jak zmienić szablon faktury.
Jeśli żaden z szablonów systemowych nie spełnia Twoich oczekiwań lub chcesz wprowadzić modyfikacje, aby szablon lepiej odpowiadał Twoim potrzebom, możesz przygotować własny szablon. Opcja ta dostępna jest od planu Standard.
Zanim zaczniesz tworzyć własny szablon, sprawdź, czy pożądanych zmian nie można wprowadzić, konfigurując wydruk za pomocą stylów CSS.
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.
Podczas tworzenia szablonu możesz również określić sposób wyświetlania własnego formatu waluty, korzystając z odpowiednich parametrów. Instrukcję znajdziesz tutaj.
Stworzony szablon faktury pojawi się do wyboru na liście szablonów oraz w formularzu tworzenia/edycji faktury.
Fakturownia nie tworzy customowych szablonów faktur. Szablon należy stworzyć samodzielnie z wykorzystaniem Handlebars.
Sprawdź również:
Własny szablon innych dokumentów
Własny format eksportu danych
Własne nazwy dokumentów
Jak wprowadzić własny CSS aby zmienić wygląd faktury
Powrót
Komentarze
Mateusz
Chciałbym umieścić w szablonie "default" w podsumowaniu wartości zamówienia, informację o całkowiej kwicie rabatu.
Taka pozycja widnieje w szablonie "Sky".
Wygląda to tak że są pod sobą cztery pola: Wartość netto, Podatek, Wartość brutto, Wartość rabatu.
Chciałem przekopiować w związku z tym to pole z szablonu sky do default.
Na githubie jest napisane że odpowiada za to {{total_price_gross}}, {{total_price_net}}, i {{total_discount}}.
Niestety żadnej z tych pozycji nie ma w pliku edycji szablonu. Wobec tego gdzie one są?
2023-10-02 11:04
Kacper_Seta
po wczytaniu kodu szablonu "regular" w celu utworzenia własnego szablonu faktury default, suma rabatu będzie domyślnie wyświetlana pod pozycjami. Możliwy do wczytania kod szablonu "regular" różni się w pewnym stopniu od szablonu default.
W kwestii braku rekordów {{total_price_gross}}, {{total_price_net}}, i {{total_discount}} w edycji szablonu sky - są one pobierane przez partial {{>totals}}. Chcąc wprowadzić modyfikacje w tym kodzie, należałoby podmienić partial na kod, który ten partial pobiera z GitHuba i wprowadzić zmiany w kodzie we własnym szablonie.
https://github.com/fakturownia/Szablony/blob/master/partials/totals.hbs.html
Pozdrawiam,
Kacper
2023-10-02 14:55
Krzysiek
Chcę zmienić kolor ramek, ale nie mogę tego zrobić przez zmiany CSS, bo na koncie mam kilka "marek" jednek firmy i używam 3 różnych szablonów, a zmieniać kolor przez wydruk i CSS zmieniam kolor ramek w każdym szablonie a nie tylko SKY.
2024-01-27 15:10
milenasz
aby uzyskać kod szablonu sky, proszę przejść do zakładki Ustawienia > Ustawienia konta > Szablony. Na dole strony należy kliknąć przycisk Dodaj nowy szablon - opcja dostępna od planu Standard.
Następnie proszę kliknąć frazę 'Załaduj przykładowy szablon' i wybrać sky. System zaczyta kod wybranego szablonu.
Pozdrawiam
Milena
2024-01-29 09:29
Aneta
2024-06-18 20:34
Kacper_Seta
przesyłam instrukcję, jak można wpłynąć na wielkość logo:
https://pomoc.fakturownia.pl/740066-Zmniejszanie-Logo-na-fakturze
Pozdrawiam,
Kacper
2024-06-19 09:17
Dawid
proszę o pomoc, jak w kodzie własnego szablonu usunąć przezroczystość dodatkowej pieczęci?
2024-12-06 11:31
milenasz
za przezroczystość dodatkowej pieczęci odpowiada parametr opacity.
Przy tworzeniu własnego szablonu na podstawie naszych szablonów systemowych, należy znaleźć w kodzie:
'{{#if sec_stamp_url}}
<img style="display:inline-block;opacity:0.3;position:absolute;margin-top:-40px;margin-left:60px;height:140px" src="{{sec_stamp_url}}" />
{{/if}}'
i manewrować wartością przy opacity. Przezroczystość wyłączy się dla opacity:1.
Nie testowaliśmy takich rozwiązań, więc w przypadku tworzenia własnego szablonu i dodania takiej zmiany, należy zweryfikować czy nie wpływa to na wygląd pozostałych elementów na dokumencie.
Pozdrawiam
Milena
2024-12-10 11:43
Tomasz K
2025-03-09 13:04
tomaszs
domyślna stawka podatku na koncie dotyczy jednocześnie przychodów i wydatków.
Po zaczytaniu produktu na fakturze którego kartoteka znajduje się na Państwa koncie, stawka VAT (oraz cena zakupu) zaczyta się zgodnie z ustawieniami z karty produktu:
https://pomoc.fakturownia.pl/152776938-Cena-zakupu-w-karcie-produktu
Pozdrawiam, Tomasz
2025-03-10 12:25
Pioootrek
2025-11-26 15:48
milenasz
aby zmienić kolor wiodący dla szablonu SKY, należy skorzystać z kodu CSS, który udostępniamy w artykule https://pomoc.fakturownia.pl/10409955-Zmiana-koloru-wiodacego-faktury-w-szablonie-SKY-przyklad-kolor-fioletowy-.
Kod należy podać w polu Konfiguracja wydruku przez CSS, który dostępny jest po przejściu do zakładki Ustawienia > Ustawienia konta > Wydruki > Sekcja Konfiguracja (na dole strony). Właściwy kolor należy zmienić w kodzie CSS podając go w postaci kodu kodu heksadecymalnego, czyli np. #808080.
Pozdrawiam
Milena
2025-11-27 14:19
Dodaj komentarz