Stwórz własny szablon faktury: praktyczny przewodnik po edytorze wizualnym

Zespół InvoiceFlow · opublikowano 16 czerwca 2026 · czas czytania 9 minut

InvoiceFlow ma 12 wbudowanych szablonów PDF — czysty, profesjonalny, wyrazisty, elegancki, kompaktowy, nowoczesny, klasyczny, kreatywny, minimalistyczny, wykonawczy, w paski i ratalny. Dla większości osób to koniec historii. Wybierasz ten, który pasuje do Twojej branży, dodajesz logo i gotowe. Szablony zostały przebudowane tak, aby poprawnie wyświetlały się w każdym piśmie obsługiwanym przez aplikację, dzięki czemu faktura w cyrylicy, po arabsku czy po chińsku wygląda tak samo świadomie jak ta po angielsku.

Ale „większość osób" to nie wszyscy. Niektóre firmy mają system identyfikacji wizualnej, którego gotowy szablon nie odda do końca. Niektóre potrzebują konkretnego bloku w konkretnym miejscu — linii wymaganej przepisami, odwołania do projektu, układu instrukcji płatności zgodnego z tym, czego klienci już oczekują. Właśnie do tego służy wizualny edytor własnych szablonów. To praktyczny przewodnik, jak korzystać z niego dobrze: kiedy po niego sięgnąć, jak złożyć szablon z jego elementów składowych i jakie zasady projektowe odróżniają fakturę, którą się czyta, od tej, którą się ignoruje.

Najpierw szczerze: czy naprawdę potrzebujesz własnego szablonu?

Edytor wizualny jest potężny, a potęga kusi do nadużywania. Zanim go otworzysz, spróbuj tańszego rozwiązania. W dziewięciu przypadkach na dziesięć wbudowany szablon plus dobry branding zaprowadzą Cię w 95% do celu.

Sięgnij po wbudowany szablon, gdy:

Zbuduj własny szablon, gdy:

Jeśli jesteś na drugiej liście, czytaj dalej. Jeśli na pierwszej, sam branding może wystarczyć — i to też omówimy, bo wzmacnia każdy wybrany szablon.

Jak myśli edytor: sekcje w siatce slotów

Edytor własnych szablonów zbudowano wokół siatki slotów. Zamiast pustego płótna, na którym walczysz z pozycjonowaniem co do piksela, faktura jest podzielona na sekcje, a każda sekcja to slot, który wypełniasz. Pod spodem układ jest zapisany jako JSON — ustrukturyzowany opis tego, które sekcje się pojawiają, w jakiej kolejności i jak są ostylowane — ale nigdy nie musisz dotykać tego JSON-a bezpośrednio. Komponujesz wizualnie; to struktura sprawia, że wynik jest przewidywalny na fakturach o różnej długości.

Ta przewidywalność jest tu całym sensem. Płótno z przeciąganiem co do piksela wygląda na swobodne, dopóki nie wygenerujesz prawdziwej faktury z długą nazwą klienta, pozycją zawijającą się do trzech wierszy i sumą w dziesiątkach tysięcy. Wtedy dowolny układ się sypie. Siatka slotów trzyma kształt, bo każda sekcja wie, jak rosnąć i przelewać tekst.

Sekcje, z których komponujesz, odpowiadają wprost częściom faktury, które każdy odbiorca już rozumie:

Nagłówek

Górny pas: Twoje logo, tytuł dokumentu („Faktura"), numer faktury oraz daty wystawienia i terminu płatności. To pierwsza rzecz, którą widzi odbiorca, i to, czego będzie później szukał, gdy będzie archiwizował lub odwoływał się do dokumentu.

Blok nadawcy

Kto wystawia rachunek — nazwa Twojej firmy, adres, identyfikatory podatkowe i dane kontaktowe. Dzięki polom adresowym świadomym kraju etykiety regionu i kodu pocztowego dostosowują się do kraju, z którego wystawiasz fakturę, a w niektórych krajach te pola są całkowicie ukryte, gdy nie mają zastosowania.

Blok klienta

Kto otrzymuje rachunek. Pobierany z Twojej listy klientów, więc nie przepisujesz adresów ponownie. Ten blok to miejsce, w którym zaczyna się „dopasowanie do oczekiwań odbiorcy": klient biznesowy chce mieć swoją nazwę rejestrową i numer podatkowy; osoba fizyczna chce tylko imienia, nazwiska i adresu.

Tabela pozycji

Esencja: opis, ilość, stawka i kwota w każdym wierszu. Tu schodzi najwięcej miejsca w pionie i tu najbardziej liczy się dyscyplina układu. Podatek może być wliczony lub doliczany, możesz stosować wiele stawek, a tabela sama wyliczy wartość netto i kwotę do zapłaty.

Blok podsumowań

Suma częściowa, podatek, ewentualny rabat i ostateczna kwota do zapłaty. Wrócimy do niego — to najważniejszy blok na stronie i ten, który najczęściej projektuje się zbyt skromnie.

Stopka

Instrukcje płatności i warunki. InvoiceFlow nie jest operatorem płatności; faktura pokazuje, jak zapłacić — dane bankowe, link do płatności lub kod QR — a klient płaci własną metodą. Stopka to miejsce, gdzie to się znajduje, obok warunków odsetek za zwłokę i ewentualnej linijki z podziękowaniem. Jeśli obowiązuje harmonogram płatności, renderuje się tutaj jako czytelny rozkład z datami.

To Ty decydujesz, które sekcje się pojawią i w jakiej kolejności. Nie musisz wymyślać struktury — układasz strukturę, którą faktury i tak mają.

Nadpisanie dla pojedynczej faktury i udostępnianie między profilami

Dwie funkcje zakresu sprawiają, że edytor jest naprawdę użyteczny, a nie tylko ozdobny.

Nadpisanie dla pojedynczej faktury. Szablon to ustawienie domyślne, a nie klatka. Większość faktur korzysta z Twojego standardowego szablonu, ale dla jednego klienta, który upiera się przy konkretnym układzie — albo dla jednego ponadwymiarowego zlecenia, które wymaga bardziej formalnej oprawy — możesz nadpisać szablon tylko na tej fakturze. Reszta Twojego fakturowania pozostaje nietknięta.

Zakres profilu. InvoiceFlow obsługuje wiele profili firmowych w jednej aplikacji, więc możesz prowadzić kilka marek bez żonglowania logowaniami. Własny szablon można udostępnić między profilami — przydatne, gdy dwie marki dzielą tożsamość macierzystą, a Ty chcesz jednego systemu dokumentów — albo zachować specyficzny dla profilu, by każda marka miała własny, przemyślany wygląd. Wybierasz dla każdego szablonu osobno. Studio z marką główną i działalnością poboczną może je wizualnie rozróżnić; firma doradcza prowadząca dwa regionalne podmioty może współdzielić jeden szablon i jedynie podmieniać logo oraz dane.

Branding: system dwóch logo

Szablon to szkielet; branding to to, co czyni go Twoim. InvoiceFlow używa systemu dwóch logo: przechowujesz osobno logo kwadratowe i logo szerokie, a szablony automatycznie umieszczają właściwe w zależności od tego, gdzie jest potrzebne. Znak kwadratowy pasuje do zwartego narożnika; szeroka kompozycja pasuje do pełnowymiarowego pasa nagłówka. Bez dwóch wariantów kończysz z szerokim logo wciśniętym w kwadratowy slot albo kwadratowym znakiem zagubionym w morzu pustej przestrzeni nagłówka — a jedno i drugie czyta się jako „zrobione w pośpiechu".

Wczytaniem czystych plików logo zajmuje się wbudowane narzędzie do kadrowania obrazów, więc nie musisz wyskakiwać do osobnego edytora, by wyrównać eksport do kwadratu. Ustaw oba warianty raz, a każdy szablon — wbudowany czy własny — wie, którego użyć i gdzie.

Czcionki: część, o której nikt nie myśli, dopóki się nie posypie

Typografia to miejsce, w którym amatorskie faktury się zdradzają, i miejsce, w którym faktury międzynarodowe rozpadają się całkowicie. InvoiceFlow dostarcza wbudowaną czcionkę NotoSans i oferuje czcionki do wyboru przez użytkownika, co ma znaczenie z dwóch powodów.

Po pierwsze, poprawne wyświetlanie w pismach niełacińskich. Czcionka, która nie ma glifów cyrylicy, arabskich czy CJK, nie zawodzi głośno — po cichu podstawia kwadraciki, znaki zapytania albo niepasujący zamiennik. NotoSans zaprojektowano dokładnie po to, by tego uniknąć; ma takie pokrycie glifów, że nazwisko rosyjskiego klienta, arabski adres czy chiński opis pozycji renderuje się jako tekst, a nie jako „tofu". Jeśli fakturujesz w różnych pismach, samo to warte jest zaprojektowania wokół tego.

Po drugie, powściągliwość. Najskuteczniejszą decyzją typograficzną jest użycie jednej rodziny czcionek i oparcie hierarchii na grubości i rozmiarze. Pogrubiony, większy numer faktury; zwykły tekst główny; nieco cięższa suma. Zestawienie dwóch rodzin może zadziałać, ale tylko gdy robisz to świadomie. W razie wątpliwości — jedna rodzina, trzy grubości.

Komponowanie pierwszego własnego szablonu, po kolei

Oto kolejność, która najszybciej daje użyteczny szablon, przy najmniejszej liczbie poprawek.

1. Zacznij od najbliższego wbudowanego, myślowo

Choć budujesz własny, zdecyduj, który z 12 gotowych jest najbliżej Twojego celu. Powie Ci, jaka kolejność sekcji już sprawdza się w Twojej branży — układ wykonawczy prowadzi inaczej niż minimalistyczny — i oszczędzi Ci wymyślania na nowo decyzji, które są już rozwiązane.

2. Zablokuj nagłówek

Umiejscowienie logo, tytuł dokumentu, numer faktury, daty. Zdecyduj, czy Twoje logo siedzi po lewej, po prawej czy na środku, i którego wariantu (kwadratowego czy szerokiego) potrzebuje pas nagłówka. To sekcja, którą klienci robią na zrzucie ekranu i według której archiwizują, więc zrób ją jednoznaczną.

3. Rozmieść bloki nadawcy i klienta

Konwencja to nadawca w lewym górnym rogu, klient poniżej lub naprzeciwko. Cokolwiek wybierzesz, trzymaj to spójnie we wszystkich rodzajach dokumentów, by powracający klient rozpoznawał Twoje dokumenty na pierwszy rzut oka.

4. Zaprojektuj tabelę pozycji pod najgorszy przypadek

Nie pod schludną wersję pokazową — pod tę zabałaganioną, prawdziwą. Długi opis, który się zawija. Wiersz z ilością i ułamkową stawką. Mieszanka pozycji z podatkiem wliczonym i doliczanym. Jeśli tabela trzyma kształt pod takim obciążeniem, utrzyma się pod każdym.

5. Spraw, by suma nie dała się przeoczyć

Więcej o tym niżej, ale potraktuj to jako krok projektowy, a nie myśl na później.

6. Napisz stopkę raz, porządnie

Instrukcje płatności (dane bankowe, link lub kod QR), Twoje warunki i polityka odsetek za zwłokę, jeśli ją masz. Podanie polityki odsetek tutaj jest tym, co czyni sprawiedliwym ich późniejsze naliczenie. Jeśli rozliczasz w ratach, sprawdź, czy harmonogram renderuje się tak, jak wyjaśniłbyś go na głos.

7. Przetestuj, a potem przetestuj międzynarodowo

Wygeneruj prawdziwy PDF i otwórz go na telefonie — większość klientów czyta faktury na telefonie, a układ elegancki na laptopie może być nieczytelny na pięciu calach. Następnie, jeśli kiedykolwiek fakturujesz w różnych językach, wygeneruj jedną w piśmie niełacińskim i potwierdź, że czcionki trzymają. Język faktury ustawiany dla pojedynczego dokumentu pozwala PDF-owi wyjść w języku klienta niezależnie od języka aplikacji, więc testuj język, którym faktycznie wyślesz.

Zasady projektowe, które liczą się bardziej niż narzędzie

Wyeksponuj sumę

Odbiorca ma jedno pilne pytanie: ile i do kiedy. Każdy inny element istnieje po to, by wspierać te dwa fakty. Kwota do zapłaty powinna być najbardziej dominującą wizualnie liczbą na stronie — większą, grubszą, wyodrębnioną przestrzenią lub subtelnym pasem. Umieść termin płatności tuż obok niej. Faktura, która chowa swoją sumę w schludnym rzędzie identycznych liczb, zmusza czytelnika do polowania, a czytelnik, który musi polować, to czytelnik, który odkłada to „na później".

Dopasuj się do oczekiwań odbiorcy

Dokument jest „profesjonalny" tylko względem tego, czego oczekuje jego czytelnik. Firmowy dział zobowiązań chce czystego, konwencjonalnego układu z wyraźnym polem zamówienia lub odwołania i jednoznacznymi liniami podatku — kreatywność czyta się jako ryzyko. Klient indywidualny zlecający jednorazowe zlecenie chce ciepła i jasności ponad formalność. Projektuj dla osoby, która otwiera plik, a nie pod własny gust.

Odejmuj, zanim dodasz

Każdy blok, który dodajesz, to coś, co czytelnik musi przetworzyć. Jeśli sekcja nie pomaga mu zrozumieć, ile jest winien, dlaczego i jak zapłacić, wytnij ją. Najczystsze faktury to nie te z największą ilością projektu — to te z najmniejszym oporem.

Spójność w rodzinie dokumentów

Twoja wycena, Twoja faktura, Twoja umowa i Twój dokument dostawy powinny wyglądać jak rodzeństwo. Gdy klient otrzymuje wycenę, akceptuje ją, a później dostaje fakturę, ciągłość wizualna po cichu sygnalizuje, że za wszystkim stoi ta sama staranna firma. Używaj tej samej rodziny szablonów, tych samych logo, tych samych czcionek przez cały cykl życia.

Szczera puenta

Edytor wizualny nie jest po to, by zrobić z Ciebie projektanta. Jest na ten moment, gdy 12 gotowych szablonów naprawdę nie pasuje — i po to, by zadbać, że gdy wyjdziesz poza nie, wynik wciąż będzie ustrukturyzowany, wciąż poprawnie przeleje tekst i wciąż wyświetli się w każdym języku, na którym sprzedajesz. Komponuj siatką slotów, brandinguj systemem dwóch logo, ustaw czcionkę, która pokrywa Twoje pisma, spraw, by suma nie dała się przeoczyć, i projektuj dla osoby otwierającej plik. Zrób to, a własny szablon przestaje być dekoracją i staje się częścią tego, jak otrzymujesz zapłatę na czas.