Metti un visualizzatore di fatture elettroniche sul tuo sito
Un solo snippet aggiunge al tuo sito un visualizzatore gratuito per file XRechnung, ZUGFeRD, Factur-X, Peppol, UBL e CII. I tuoi visitatori aprono le loro fatture elettroniche direttamente lì, nella loro lingua.
In questa pagina
Cosa fa il visualizzatore?
Il visitatore trascina una fattura elettronica, sceglie un file o incolla l'XML, e la vede come una fattura leggibile che può stampare o salvare in PDF. I link sotto la fattura portano alla verifica e alla conversione su klarbon.app, nella lingua del visitatore.
Viene caricato qualcosa?
Il file viene letto e mostrato nel browser del visitatore e non viene mai caricato. Il visualizzatore non conserva dati della fattura né usa strumenti di analisi. Il caricamento invia normali richieste a klarbon.app; la tua pagina riceve solo l’altezza del visualizzatore, non la fattura.
Provalo
Questo è il visualizzatore come lo vedono i tuoi visitatori. Trascina qui una fattura elettronica supportata.
Come lo aggiungo?
Incolla queste righe di codice nel punto in cui deve comparire il visualizzatore. Si adatta da solo alle dimensioni della fattura.
<div data-klarbon-open data-lang="it"><a href="https://klarbon.app/it/?ref=embed">Apri una fattura elettronica con Klarbon</a></div>
<script src="https://klarbon.app/embed.js" async></script>embed.js è sempre la versione corrente e resta in cache per un'ora. Per restare su questa versione, carica invece https://klarbon.app/embed/v1.js.
Quali opzioni posso impostare?
Aggiungi uno o più di questi attributi all'elemento. Se ne ometti uno, viene usato il suo valore predefinito.
| Attributo | Cosa fa | Valori |
|---|---|---|
data-lang | La lingua del visualizzatore. Se non la imposti, il visualizzatore segue il browser del visitatore e ripiega sull'inglese. L'inglese è sempre a un clic di distanza nel visualizzatore. | en, de, fr, nl, it, es, pl, pt, ro |
data-partner | Il tuo codice di invito Klarbon. Ogni link nel visualizzatore passa quindi dal tuo link di invito. | a-z, 0-9 |
data-theme | Chiaro, scuro o in base all'impostazione del visitatore. | auto, light, dark , predefinito auto |
data-accent | Il colore di pulsanti e link, scelto dalla palette di Klarbon. | petrol, ink, blue , predefinito petrol |
data-height | L'altezza in pixel finché il visualizzatore non si carica e si ridimensiona automaticamente. | 240-20000 , predefinito 520 |
Posso guadagnare crediti?
Sì. Accedi a Klarbon e trova il tuo codice di invito nel tuo account. Inseriscilo nello snippet come data-partner. Ogni link nel visualizzatore passa quindi dal tuo link di invito e, quando un visitatore che hai mandato tu fa il suo primo acquisto, ricevete entrambi un credito gratuito.
Accedi per ottenere il tuo codice
Come lo aggiungo a WordPress?
Aggiungi un blocco HTML personalizzato e incolla lo snippet. WordPress conserva lo script solo per gli utenti con la capacità unfiltered_html. Guida di WordPress
Il plugin WordPress di Klarbon non è ancora pubblicato. Usa lo snippet HTML qui sopra. Lo shortcode qui sotto serve solo per quel plugin:
[klarbon_open lang="it" partner="" theme="auto" accent="petrol"]Con quali altri strumenti per creare siti funziona?
- HTML
- Incolla il codice nell'HTML della pagina, nel punto in cui deve comparire il visualizzatore.
- Wix
- Aggiungi elementi, Incorpora codice, Incorpora HTML, poi incolla il codice. Wix mostra gli elementi incorporati in un riquadro ad altezza fissa, quindi rendi l'elemento alto almeno 900 pixel. Guida di Wix
- Squarespace
- Aggiungi un blocco Codice e incolla il codice. Squarespace esegue gli script nei blocchi Codice dei piani Core, Plus e Advanced. Guida di Squarespace
- Webflow
- Prima di aggiungere lo snippet, consulta la guida di Webflow sul codice personalizzato e verifica i permessi del tuo piano. Guida di Webflow
- Google Sites
- Inserisci, Incorpora, Incorpora codice, poi incolla il codice. Trascina il bordo dell'elemento verso il basso, così la fattura entra per intero. Guida di Google Sites
Devo modificare la Content Security Policy?
Solo se il tuo sito ne invia una: consenti https://klarbon.app in script-src e frame-src.
Aggiornato il 6 novembre 2026