Kreator szablonów

Projektuj niestandardowe szablony faktur i ofert metodą przeciągnij i upuść

Przegląd kreatora szablonów

Kreator szablonów to zaawansowany edytor wizualny, który pozwala projektować niestandardowe układy faktur i ofert. Korzystając z interfejsu przeciągnij i upuść oraz systemu opartego na blokach, możesz tworzyć profesjonalne, markowe dokumenty bez żadnego kodowania.

Co kontrolują szablony: - Układ i strukturę dokumentu - Pozycje i rozmiary bloków na precyzyjnej siatce - Które elementy pojawiają się na dokumencie (a które nie) - Stylizację wizualną każdego bloku - Ogólny wygląd dokumentu i branding

Korzyści z szablonów: - Spójny branding we wszystkich dokumentach - Profesjonalny wygląd, który odzwierciedla Twoją markę - Szybkie przełączanie szablonów podczas tworzenia dokumentów - Wielokrotnego użytku projekty do różnych celów - Nie są wymagane umiejętności kodowania ani projektowania

Uwaga: Kreator szablonów jest dostępny we wszystkich planach.

Edytor wizualny

Interfejs przeciągnij i upuść dla łatwego, intuicyjnego projektowania

System siatki

Precyzyjne pozycjonowanie dzięki układowi siatki 24-kolumnowej

Biblioteka bloków

22 gotowe typy bloków obejmujące każdą część faktury

Podgląd na żywo

Obserwuj zmiany w czasie rzeczywistym podczas projektowania na płótnie w formacie A4 oraz podgląd PDF z przykładowymi danymi

Interfejs edytora

Kreator szablonów wykorzystuje układ trzypanelowy zaprojektowany do efektywnego tworzenia szablonów.

Lewy panel — paleta bloków: - Dostępne typy bloków dla bieżącego typu dokumentu (faktura lub oferta) - Bloki pogrupowane według kategorii: Klient, Pozycje i produkty, Sumy, Informacje o fakturze, Ogólne - Pole wyszukiwania, aby szybko znaleźć blok według nazwy - Przeciągaj bloki na płótno (lub na urządzeniach mobilnych dotknij, aby dodać) - Każdy blok ma ikonę, nazwę i opis w podpowiedzi

Środkowy panel — płótno: - Płótno w formacie A4, które skaluje się do ekranu, zachowując proporcje A4 - Nakładka siatki dla precyzyjnego wyrównania - Przeciągaj i upuszczaj bloki, aby je rozmieścić; zmieniaj rozmiar, przeciągając krawędzie lub narożniki; przesuwaj klawiszami strzałek - Kliknij dowolny blok, aby go zaznaczyć i otworzyć jego ustawienia - Renderuje podgląd na żywo ze zlokalizowanymi przykładowymi danymi zastępczymi

Prawy panel — konfiguracja: Gdy blok jest zaznaczony, pokazuje ustawienia tego bloku; gdy nic nie jest zaznaczone, pokazuje Ustawienia strony: - Pozycję bloku (kolumna, wiersz na siatce) i rozmiar (szerokość w kolumnach, wysokość w wierszach) - Karty Pola i Style specyficzne dla bloku (pokazuj lub ukrywaj poszczególne pola bez usuwania bloku) - Przyciski Resetuj (przywróć blok do ustawień domyślnych) i Usuń - Ustawienia strony: marginesy, tło strony, skala tekstu i stronicowanie

Elementy sterujące nagłówka: - Przycisk Wstecz (opuść edytor; otrzymasz monit, jeśli masz niezapisane zmiany) - Pole wprowadzania nazwy szablonu - Przycisk Ustawienia strony (przełącz prawy panel na ustawienia na poziomie strony) - Przycisk Wyczyść (usuń wszystkie bloki z płótna, z potwierdzeniem) - Podgląd PDF (wygeneruj podgląd PDF z przykładowymi danymi w oknie modalnym) - Przycisk Zapisz (nowe szablony najpierw proszą o nazwę)

Wskazówki
  • Użyj nakładki siatki i klawiszy strzałek, aby precyzyjnie wyrównać bloki
  • Użyj „Podgląd PDF”, aby zobaczyć ostateczny PDF wyrenderowany z przykładowymi danymi
  • Zapisuj często, aby uniknąć utraty pracy
  • Nadawaj szablonom opisowe nazwy dla łatwej identyfikacji (np. „Nowoczesny niebieski”, „Minimalistyczny”, „Szczegółowy”)

Dostępne bloki

Kreator szablonów dostarcza 22 typy bloków. Każda faktura lub oferta składa się z tych bloków — wybierasz, które z nich uwzględnić i gdzie znajdują się na siatce. W palecie są pogrupowane w kategorie Klient, Pozycje i produkty, Sumy, Informacje o fakturze oraz Ogólne.

Poniżej bloki są pogrupowane według przeznaczenia, aby ułatwić ich przeglądanie:

Bloki tożsamości opisują, od kogo i dla kogo jest dokument. Bloki dokumentu zawierają metadane — numery, daty, referencje. Bloki treści niosą treść główną: pozycje, tekst, obrazy, notatki. Bloki pieniężne pokazują sumy, informacje o płatności i warunki. Bloki układu dają strukturę — separatory, pieczęcie, kody.

Każdy blok jest opcjonalny, można zmieniać jego rozmiar i stylizować niezależnie.

Marka / Logo

Logo Twojej firmy i nazwa firmy. Cztery opcje układu (góra/dół/lewo/prawo logo). Pobierane z Twoich Ustawień.

Od

Nazwa Twojej firmy, adres, NIP, telefon i e-mail. Uzupełniane z Twoich Ustawień.

Nabywca

Dane rozliczeniowe klienta. Uzupełniają się automatycznie z wybranego klienta z przełączalnym wierszem NIP.

Adres dostawy

Osobny adres dostawy — odbiorca, ulica, miasto, kod pocztowy, kraj.

Numer faktury

Numer generowany automatycznie na podstawie Twoich reguł numeracji (prefiks, uzupełnianie zerami, roczne resetowanie).

Data wystawienia

Data utworzenia dokumentu. Niestandardowa etykieta i format daty.

Termin płatności

Termin płatności, pobierany z terminu płatności dokumentu. Niestandardowa etykieta.

Okres usługi

Data początkowa i końcowa opisujące, kiedy wykonano pracę.

Numer zamówienia

Referencja zamówienia klienta. Przełączalna etykieta.

Pola niestandardowe

Dowolne pary klucz-wartość, których wymaga Twój proces — referencja projektu, kod zlecenia, nazwa kamienia milowego.

Pozycje

W pełni konfigurowalna tabela pozycji. Przełączaj kolumny (opis, ilość, cena jednostkowa, rabat, podatek, kwota). Wybieraj produkty z katalogu; sumy obliczają się automatycznie.

Blok tekstu

Treść w formacie tekstu sformatowanego z pogrubieniem, kursywą, kolorem i wyrównaniem. Używaj do niestandardowych wiadomości lub instrukcji płatności.

Notatki i warunki

Uporządkowane notatki oraz warunki i zasady z osobnymi przełącznikami etykiet.

Obraz

Prześlij dowolny obraz z tekstem alternatywnym, podpisem i trybami dopasowania (zmieść / wypełnij / rozciągnij).

Kwota do zapłaty

Duża, wyróżniona liczba sumy. Wyrównana do lewej, do środka lub do prawej — centralny element dokumentu.

Dane płatności

Nazwa banku, IBAN, SWIFT/BIC. Wszystko, czego Twój klient potrzebuje do przelewu.

Warunki płatności

Net 7, 15, 30, 60, 90, Płatne przy odbiorze lub tekst niestandardowy. Pokazuje zasady opłat za zwłokę, jeśli są włączone.

Podpis

Nazwisko podpisującego, tytuł, data podpisania oraz opcjonalny obraz podpisu z linią podpisu.

Separator

Linia pozioma lub pionowa do oddzielania sekcji.

Pieczęć statusu

Nakładka znaku wodnego — PAID, DRAFT, OVERDUE, CANCELLED, SENT. Konfigurowalna przezroczystość, obrót i rozmieszczenie.

Kod kreskowy

Kod kreskowy CODE128 lub CODE39. Pobierz wartość z numeru faktury, numeru zamówienia lub pola niestandardowego.

Kod QR

Dynamiczny kod QR prowadzący do strony płatności, adresu URL lub dowolnej wartości niestandardowej.

Dostosowywanie bloków

Każdy blok można dostosować za pomocą panelu konfiguracji po prawej stronie edytora, gdy jest zaznaczony.

Wspólne ustawienia (wszystkie bloki): - Pozycja X — pozycja pozioma na siatce 24-kolumnowej (kolumna 1–24) - Pozycja Y — pozycja pionowa (numer wiersza) - Szerokość — ile kolumn obejmuje blok (1–24) - Wysokość — ile wierszy obejmuje blok

Ustawienia specyficzne dla bloku: Różne bloki mają różne opcje konfiguracji: - Blok tekstu — edytuj treść tekstu, rozmiar czcionki, wyrównanie tekstu - Pozycje — szerokości kolumn, pokazywanie/ukrywanie określonych kolumn - Blok daty — format daty, niestandardowy tekst etykiety - Logo/Marka — rozmiar, wyrównanie w obrębie bloku - Od/Nabywca — pola do wyświetlenia, dostosowanie etykiet

Widoczność pól: Użyj karty Pola bloku, aby pokazać lub ukryć jego poszczególne pola (etykiety, daty, kolumny, wiersze adresu i inne) bez usuwania bloku. Jest to przydatne, gdy chcesz uzyskać oszczędniejszy wygląd, zachowując blok w swoim projekcie.

Stylizacja: Niektóre bloki obsługują niestandardową stylizację: - Rozmiar czcionki - Wyrównanie tekstu (do lewej, do środka, do prawej) - Style obramowania - Kolory tła

Wskazówki
  • Zacznij od pozycji domyślnych i dostosuj według potrzeb
  • Użyj ustawienia szerokości, aby kontrolować, ile miejsca w poziomie zajmuje blok
  • Ukrywaj poszczególne pola z karty Pola zamiast usuwać blok, który może być potrzebny później
  • Przetestuj swój szablon z rzeczywistymi danymi faktury, przeglądając go w edytorze
  • Siatka 24-kolumnowa pozwala na precyzyjne układy wielokolumnowe

Gotowe szablony

Invotify zawiera dwanaście profesjonalnie zaprojektowanych gotowych szablonów, których możesz użyć jako punktów wyjścia lub bezpośrednio jako układu faktury. Są dostępne we wszystkich planach.

Pięć projektów stylowych (uniwersalne wyglądy): - Classic Business — tradycyjny, korporacyjny układ o czystym wyglądzie - Modern Minimal — współczesny projekt z dużą ilością wolnej przestrzeni i subtelnymi akcentami - Professional Corporate — kompleksowy układ ze wszystkimi polami biznesowymi (numer zamówienia, kod QR itp.) - Creative Bold — przyciągający wzrok projekt z odważnymi akcentami dla firm kreatywnych - Compact Efficient — oszczędny przestrzennie układ do szybkich, jednostronicowych faktur

Siedem projektów branżowych (każdy dostosowany do branży, oparty na różnych blokach): - Consulting — czysty układ dla usług profesjonalnych - Legal & Law — formalny układ z polami sprawy/referencji - Creative Studio — odważny, zorientowany na projektowanie układ dla studiów i agencji - Tech & SaaS — nowoczesny układ dostosowany do oprogramowania i subskrypcji - Construction & Trades — zorientowany na zlecenie układ ze szczegółami budowy i warunków - Accounting & Finance — precyzyjny, skoncentrowany na liczbach układ - Architecture — zorientowany na projekt układ z okresami usług

Każdy jest odrębnym układem, który uwypukla różne bloki (dane płatności, notatki i warunki, okres usługi, podpis, pola niestandardowe, pieczęć statusu, numer zamówienia, adres dostawy, …) — a nie tym samym szkieletem w innym kolorze.

Sklep z projektami: Strona Szablony zawiera sekcję „Professional Designs” z tymi wyselekcjonowanymi projektami: - Przeglądaj dostępne projekty szablonów - Kliknij Podgląd dowolnego projektu, aby zobaczyć, jak wygląda z przykładowymi danymi - Kliknij Dodaj, aby skopiować projekt do własnej kolekcji - Edytuj dodane projekty, aby dostosować je dalej

Dodawanie projektu: Gdy znajdziesz gotowy projekt, który Ci się podoba: 1. Kliknij Podgląd, aby zobaczyć go w pełnym rozmiarze 2. Kliknij Dodaj (po skopiowaniu zmienia się na „Dodano”) 3. Kopia zostaje dodana do Twojej osobistej biblioteki szablonów 4. Edytuj kopię, aby dostosować kolory, bloki i układ

Dodane projekty są w pełni edytowalne — możesz dodawać, usuwać lub zmieniać położenie dowolnego bloku, aby dopasować je do swoich dokładnych potrzeb.

Wskazówki
  • Przeglądaj gotowe projekty w poszukiwaniu inspiracji, nawet jeśli planujesz budować własne
  • Dodaj gotowy projekt zbliżony do tego, czego chcesz, a następnie dostosuj go
  • Możesz mieć wiele szablonów do różnych celów (np. jeden dla usług, jeden dla produktów)

Zapisywanie i używanie szablonów

Po zaprojektowaniu szablonu zapisz go, aby udostępnić go do użytku w fakturach i ofertach.

Zapisywanie: 1. Nadaj szablonowi opisową nazwę 2. Kliknij przycisk Zapisz 3. Szablon zostaje zapisany na Twoim koncie 4. Szablon pojawia się w selektorze szablonów podczas tworzenia dokumentów

Używanie szablonów: Podczas tworzenia faktury lub oferty: 1. Kliknij selektor szablonów w edytorze 2. Przeglądaj dostępne szablony 3. Kliknij, aby wybrać szablon 4. Układ dokumentu aktualizuje się, aby korzystać z tego szablonu

Zarządzanie szablonami: - Lista szablonów pokazuje wszystkie zapisane szablony oraz opcje gotowych szablonów - Edytuj dowolny szablon, otwierając go w kreatorze - Dodaj gotowy projekt ponownie jako inny punkt wyjścia dla urozmaicenia - Usuń szablony, których już nie potrzebujesz

Szablon domyślny: Podczas tworzenia nowych dokumentów Twój ostatnio aktualizowany szablon jest wstępnie wybrany, a selektor szablonów pokazuje wszystkie dostępne opcje.

Wskazówki
  • Twórz różne szablony dla różnych typów dokumentów lub kategorii klientów
  • Testuj szablony z rzeczywistymi danymi przed użyciem ich z klientami
  • Zachowaj prosty szablon domyślny do szybkiego fakturowania
  • Nadawaj szablonom wyraźne nazwy (np. „Nowoczesny niebieski”, „Minimalistyczny biały”, „Szczegółowy z adresem dostawy”)