Pune un vizualizator de facturi electronice pe site-ul tău
Un singur fragment de cod adaugă pe site-ul tău un vizualizator gratuit pentru facturi electronice XRechnung, ZUGFeRD, Factur-X, Peppol, UBL și CII. Vizitatorii își deschid facturile chiar acolo, în limba lor.
Pe această pagină
Ce face vizualizatorul?
Vizitatorul trage o factură electronică în vizualizator, alege un fișier sau lipește XML-ul și vede factura într-o formă ușor de citit, pe care o poate tipări sau salva ca PDF. Linkurile de sub factură duc la verificare și conversie pe klarbon.app, în limba vizitatorului.
Se trimite ceva pe server?
Fișierul este citit și afișat în browserul vizitatorului și nu este niciodată încărcat pe un server. Vizualizatorul nu păstrează datele facturii și nu folosește instrumente de analiză a utilizării. La încărcarea vizualizatorului se trimit cereri obișnuite către klarbon.app; pagina ta primește doar înălțimea lui, nu factura.
Încearcă
Așa văd vizitatorii tăi vizualizatorul. Trage peste el o factură electronică acceptată.
Cum îl adaug?
Lipește aceste linii acolo unde vrei să apară vizualizatorul. Își ajustează singur dimensiunea la factură.
<div data-klarbon-open data-lang="ro"><a href="https://klarbon.app/ro/?ref=embed">Deschide o factură electronică cu Klarbon</a></div>
<script src="https://klarbon.app/embed.js" async></script>embed.js este întotdeauna versiunea curentă și este păstrat în cache o oră. Ca să rămâi pe această versiune, încarcă în schimb https://klarbon.app/embed/v1.js.
Ce opțiuni pot seta?
Adaugă elementului oricare dintre aceste atribute. Dacă un atribut lipsește, se folosește valoarea implicită.
| Atribut | Ce face | Valori |
|---|---|---|
data-lang | Limba vizualizatorului. Dacă nu o specifici, vizualizatorul folosește limba browserului vizitatorului și trece pe engleză dacă aceasta nu este disponibilă. Engleza este mereu la un clic distanță în vizualizator. | en, de, fr, nl, it, es, pl, pt, ro |
data-partner | Codul tău de recomandare Klarbon. Fiecare link din vizualizator trece apoi prin linkul tău de recomandare. | a-z, 0-9 |
data-theme | Temă luminoasă, întunecată sau după setarea vizitatorului. | auto, light, dark , implicit auto |
data-accent | Culoarea butoanelor și a linkurilor, din paleta Klarbon. | petrol, ink, blue , implicit petrol |
data-height | Înălțimea în pixeli până când vizualizatorul se încarcă și își stabilește singur dimensiunea. | 240-20000 , implicit 520 |
Pot câștiga credite cu el?
Da. Autentifică-te în Klarbon și găsește codul tău de recomandare în cont. Pune-l în fragment ca data-partner. Fiecare link din vizualizator trece apoi prin linkul tău de recomandare, iar când un vizitator trimis de tine face prima achiziție, primiți amândoi câte un credit gratuit.
Autentifică-te ca să primești codul
Cum îl adaug în WordPress?
Adaugă un bloc HTML personalizat (Custom HTML) și lipește fragmentul de cod. WordPress păstrează scriptul doar pentru utilizatorii cu permisiunea unfiltered_html. Ajutor WordPress
Pluginul Klarbon pentru WordPress nu este încă publicat. Folosește fragmentul HTML de mai sus. Shortcode-ul de mai jos este destinat doar acestui plugin:
[klarbon_open lang="ro" partner="" theme="auto" accent="petrol"]Cu ce alte platforme de creare a site-urilor funcționează?
- HTML
- Lipește fragmentul de cod în HTML-ul paginii, în locul în care trebuie să apară vizualizatorul.
- Wix
- Alege Add Elements, Embed Code, Embed HTML, apoi lipește fragmentul de cod. Wix afișează conținutul încorporat într-un cadru cu înălțime fixă, așa că dă elementului o înălțime de cel puțin 900 de pixeli. Ajutor Wix
- Squarespace
- Adaugă un bloc Code și lipește fragmentul de cod. Squarespace rulează scripturile din blocurile Code în planurile Core, Plus și Advanced. Ajutor Squarespace
- Webflow
- Înainte de a adăuga fragmentul, verifică ajutorul Webflow despre codul personalizat și permisiunile planului tău. Ajutor Webflow
- Google Sites
- Alege Insert, Embed, Embed code, apoi lipește fragmentul de cod. Mărește înălțimea elementului încorporat prin tragere, ca să încapă factura. Ajutor Google Sites
Trebuie să modific Content Security Policy?
Doar dacă site-ul tău trimite o astfel de politică: permite https://klarbon.app în script-src și frame-src.
Actualizat pe 6 noiembrie 2026