Umieść podgląd e-faktur na swojej stronie
Jeden fragment kodu dodaje do twojej strony darmowy podgląd plików XRechnung, ZUGFeRD, Factur-X, Peppol, UBL i CII. Odwiedzający otwierają e-faktury od razu na miejscu, we własnym języku.
Na tej stronie
Co robi podgląd?
Odwiedzający przeciąga e-fakturę na podgląd, wybiera plik albo wkleja XML i widzi czytelną fakturę, którą może wydrukować lub zapisać jako PDF. Linki pod fakturą prowadzą do weryfikacji i konwersji na klarbon.app, w języku odwiedzającego.
Czy coś jest przesyłane?
Plik jest odczytywany i wyświetlany w przeglądarce odwiedzającego i nigdy nie jest przesyłany. Podgląd nie przechowuje trwale danych faktury i nie używa analityki. Jego ładowanie wysyła zwykłe żądania do klarbon.app; twoja strona otrzymuje tylko jego wysokość, nie fakturę.
Wypróbuj
Tak podgląd widzą twoi odwiedzający. Przeciągnij na niego obsługiwaną e-fakturę.
Jak go dodać?
Wklej te linie tam, gdzie ma się pojawić podgląd. Sam dopasuje rozmiar do faktury.
<div data-klarbon-open data-lang="pl"><a href="https://klarbon.app/pl/?ref=embed">Otwórz e-fakturę w Klarbon</a></div>
<script src="https://klarbon.app/embed.js" async></script>embed.js to zawsze aktualna wersja, zapisywana w pamięci podręcznej na godzinę. Aby zostać przy tej wersji, załaduj zamiast tego https://klarbon.app/embed/v1.js.
Jakie opcje mogę ustawić?
Dodaj dowolny z tych atrybutów do elementu. Pomiń atrybut, aby użyć jego wartości domyślnej.
| Atrybut | Co robi | Wartości |
|---|---|---|
data-lang | Język podglądu. Bez tej opcji podgląd stosuje język przeglądarki odwiedzającego, a gdy go nie obsługuje, wraca do angielskiego. Angielski włączysz w podglądzie jednym kliknięciem. | en, de, fr, nl, it, es, pl, pt, ro |
data-partner | Twój kod polecający Klarbon. Każdy link w podglądzie prowadzi wtedy przez twój link polecający. | a-z, 0-9 |
data-theme | Motyw: jasny, ciemny albo zgodny z ustawieniem odwiedzającego. | auto, light, dark , domyślnie auto |
data-accent | Kolor przycisków i linków z palety Klarbon. | petrol, ink, blue , domyślnie petrol |
data-height | Wysokość w pikselach, dopóki podgląd się nie załaduje i nie dopasuje rozmiaru. | 240-20000 , domyślnie 520 |
Czy mogę dzięki temu zdobywać kredyty?
Tak. Zaloguj się do Klarbon i znajdź swój kod polecający na stronie konta. Wstaw go we fragmencie kodu jako data-partner. Każdy link w podglądzie prowadzi wtedy przez twój link polecający, a gdy odwiedzający z twojego polecenia dokona pierwszego zakupu, każde z was dostanie jeden darmowy kredyt.
Zaloguj się, aby zobaczyć swój kod
Jak dodać go do WordPressa?
Dodaj blok Własny HTML i wklej fragment kodu. WordPress zachowuje skrypt tylko dla użytkowników z uprawnieniem unfiltered_html. Strona pomocy WordPress
Wtyczka Klarbon do WordPressa nie została jeszcze opublikowana. Użyj fragmentu HTML powyżej. Poniższy shortcode dotyczy tylko tej wtyczki:
[klarbon_open lang="pl" partner="" theme="auto" accent="petrol"]Z jakimi innymi kreatorami stron to działa?
- HTML
- Wklej fragment kodu w HTML strony, w miejscu, w którym ma się pojawić podgląd.
- Wix
- Kliknij Dodaj elementy, Osadź kod, Osadź HTML, a następnie wklej fragment kodu. Wix pokazuje osadzone elementy w ramce o stałej wysokości, więc ustaw wysokość elementu na co najmniej 900 pikseli. Strona pomocy Wix
- Squarespace
- Dodaj blok Kod i wklej fragment kodu. Squarespace uruchamia skrypty w blokach Kod w planach Core, Plus i Advanced. Strona pomocy Squarespace
- Webflow
- Zanim dodasz fragment kodu, sprawdź pomoc Webflow dotyczącą własnego kodu oraz uprawnienia w swoim planie. Strona pomocy Webflow
- Google Sites
- Wybierz Wstaw, Umieść, Umieść kod, a następnie wklej fragment kodu. Przeciągnij krawędź osadzonego elementu, żeby był wyższy i mieściła się w nim faktura. Strona pomocy Google Sites
Czy moja polityka Content Security Policy wymaga zmiany?
Tylko jeśli strona wysyła taki nagłówek: zezwól na https://klarbon.app w script-src i frame-src.
Zaktualizowano 6 listopada 2026