Une visionneuse de factures électroniques sur votre site
Un extrait de code suffit pour proposer sur votre site une visionneuse gratuite des fichiers XRechnung, ZUGFeRD, Factur-X, Peppol, UBL et CII. Vos visiteurs ouvrent leurs factures électroniques directement chez vous, dans leur langue.
Sur cette page
Que fait la visionneuse ?
Le visiteur dépose une facture électronique, choisit un fichier ou colle le XML, et voit une facture claire qu’il peut imprimer ou enregistrer en PDF. Sous la facture, des liens mènent à la vérification et à la conversion sur klarbon.app, dans la langue du visiteur.
Des fichiers sont-ils envoyés ?
Le fichier est lu et affiché dans le navigateur du visiteur, sans être envoyé. La visionneuse ne conserve pas de données de facture et n’utilise pas de statistiques. Son chargement effectue des requêtes ordinaires vers klarbon.app ; votre page ne reçoit que sa hauteur, pas la facture.
Essayer
Voici la visionneuse telle que vos visiteurs la voient. Déposez-y une facture électronique dans un format pris en charge.
Comment l’ajouter ?
Collez ces lignes à l’endroit où la visionneuse doit apparaître. Sa hauteur s’adapte à la facture.
<div data-klarbon-open data-lang="fr"><a href="https://klarbon.app/fr/?ref=embed">Ouvrir une facture électronique avec Klarbon</a></div>
<script src="https://klarbon.app/embed.js" async></script>embed.js est toujours la version actuelle et reste en cache une heure. Pour garder cette version, chargez plutôt https://klarbon.app/embed/v1.js.
Quels réglages sont possibles ?
Ajoutez les attributs de votre choix à l’élément. Si un attribut est absent, sa valeur par défaut s’applique.
| Attribut | Effet | Valeurs |
|---|---|---|
data-lang | La langue de la visionneuse. Sans cet attribut, elle utilise la langue du navigateur du visiteur et, à défaut, l'anglais. L'anglais reste toujours à un clic dans la visionneuse. | en, de, fr, nl, it, es, pl, pt, ro |
data-partner | Votre code de parrainage Klarbon. Chaque lien de la visionneuse passe alors par votre lien de parrainage. | a-z, 0-9 |
data-theme | Clair, sombre, ou selon le réglage du visiteur. | auto, light, dark , par défaut auto |
data-accent | La couleur des boutons et des liens, dans la palette Klarbon. | petrol, ink, blue , par défaut petrol |
data-height | La hauteur en pixels jusqu'à ce que la visionneuse soit chargée et ajuste sa taille. | 240-20000 , par défaut 520 |
Puis-je gagner des crédits en l'utilisant ?
Oui. Connectez-vous à Klarbon et retrouvez votre code de parrainage dans votre compte. Renseignez-le dans l'attribut data-partner de l'extrait de code. Chaque lien de la visionneuse passe alors par votre lien de parrainage, et quand une personne que vous avez parrainée fait son premier achat, vous recevez chacun un crédit offert.
Se connecter pour obtenir le code
Comment l’ajouter à WordPress ?
Ajoutez un bloc HTML personnalisé et collez-y l'extrait de code. WordPress ne conserve le script que pour les utilisateurs disposant du droit unfiltered_html. Aide WordPress
L'extension Klarbon pour WordPress n'est pas encore publiée. Utilisez l'extrait de code HTML ci-dessus. Le code court ci-dessous est réservé à cette extension :
[klarbon_open lang="fr" partner="" theme="auto" accent="petrol"]Avec quels autres créateurs de sites fonctionne-t-elle ?
- HTML
- Collez l’extrait de code dans le HTML de la page, à l’endroit où la visionneuse doit apparaître.
- Wix
- Ajouter des éléments, Intégrer du code, Intégrer du HTML, puis collez l'extrait de code. Wix affiche les intégrations dans un cadre de hauteur fixe : donnez à l'élément une hauteur d'au moins 900 pixels. Aide Wix
- Squarespace
- Ajoutez un bloc Code et collez-y l’extrait de code. Squarespace exécute les scripts des blocs Code avec les forfaits Core, Plus et Advanced. Aide Squarespace
- Webflow
- Consultez l'aide de Webflow sur le code personnalisé et vérifiez les autorisations de votre forfait avant d'ajouter l'extrait de code. Aide Webflow
- Google Sites
- Insérer, Intégrer, Code d'intégration, puis collez l'extrait de code. Étirez la zone intégrée en hauteur pour que la facture y tienne. Aide Google Sites
Faut-il modifier ma Content Security Policy ?
Seulement si votre site en envoie une : autorisez https://klarbon.app dans script-src et frame-src.
Mis à jour le 6 novembre 2026