Coloque um visualizador de faturas eletrónicas no seu site
Um fragmento de código acrescenta ao seu site um visualizador gratuito de ficheiros XRechnung, ZUGFeRD, Factur-X, Peppol, UBL e CII. Os visitantes abrem as faturas eletrónicas ali mesmo, no seu próprio idioma.
Nesta página
O que faz o visualizador?
O visitante arrasta uma fatura eletrónica, escolhe um ficheiro ou cola o XML e vê-a como uma fatura legível, que pode imprimir ou guardar em PDF. Por baixo da fatura, as ligações levam à verificação e à conversão em klarbon.app, no idioma do visitante.
Algum ficheiro é carregado?
O ficheiro é lido e apresentado no navegador do visitante e nunca é carregado. O visualizador não conserva dados da fatura nem usa análise estatística. O carregamento faz pedidos normais a klarbon.app; a sua página recebe apenas a altura do visualizador, não a fatura.
Experimente
Este é o visualizador tal como os seus visitantes o veem. Arraste para aqui uma fatura eletrónica suportada.
Como se adiciona?
Cole estas linhas no local onde o visualizador deve aparecer. O tamanho ajusta-se automaticamente à fatura.
<div data-klarbon-open data-lang="pt"><a href="https://klarbon.app/pt/?ref=embed">Abra uma fatura eletrónica com o Klarbon</a></div>
<script src="https://klarbon.app/embed.js" async></script>O embed.js corresponde sempre à versão atual e fica em cache durante uma hora. Para se manter nesta versão, carregue antes https://klarbon.app/embed/v1.js.
Que opções posso definir?
Acrescente qualquer um destes atributos ao elemento. Omita um para usar o respetivo valor predefinido.
| Atributo | O que faz | Valores |
|---|---|---|
data-lang | O idioma do visualizador. Sem este atributo, o visualizador segue o idioma do navegador do visitante e, se não o tiver, usa o inglês. O inglês está sempre à distância de um clique no visualizador. | en, de, fr, nl, it, es, pl, pt, ro |
data-partner | O seu código de recomendação do Klarbon. Todas as ligações do visualizador passam a usar a sua ligação de recomendação. | a-z, 0-9 |
data-theme | Claro, escuro ou conforme a preferência do visitante. | auto, light, dark , valor predefinido: auto |
data-accent | A cor dos botões e das ligações, escolhida na paleta do Klarbon. | petrol, ink, blue , valor predefinido: petrol |
data-height | A altura, em píxeis, até o visualizador carregar e ajustar o seu tamanho. | 240-20000 , valor predefinido: 520 |
Posso ganhar créditos com o visualizador?
Sim. Inicie sessão no Klarbon e encontre o seu código de recomendação na sua conta. Coloque-o no fragmento de código como data-partner. Todas as ligações do visualizador passam a usar a sua ligação de recomendação e, quando um visitante enviado por si faz a primeira compra, cada um recebe um crédito gratuito.
Iniciar sessão para obter o seu código
Como se adiciona ao WordPress?
Adicione um bloco de HTML personalizado e cole o fragmento de código. O WordPress só mantém o script para utilizadores com a capacidade unfiltered_html. Ajuda de WordPress
O plugin do Klarbon para WordPress ainda não foi publicado. Use o fragmento de código HTML acima. O shortcode abaixo destina-se apenas a esse plugin:
[klarbon_open lang="pt" partner="" theme="auto" accent="petrol"]Que outras plataformas de criação de sites funcionam?
- HTML
- Cole o fragmento de código no HTML da página, no local onde o visualizador deve aparecer.
- Wix
- Em Adicionar elementos, escolha Incorporar código, depois Incorporar HTML, e cole o fragmento de código. O Wix mostra as incorporações numa moldura de altura fixa, por isso dê ao elemento pelo menos 900 píxeis de altura. Ajuda de Wix
- Squarespace
- Adicione um bloco Code e cole o fragmento de código. O Squarespace executa scripts nos blocos Code dos planos Core, Plus e Advanced. Ajuda de Squarespace
- Webflow
- Antes de adicionar o fragmento de código, consulte a ajuda do Webflow sobre código personalizado e as permissões do seu plano. Ajuda de Webflow
- Google Sites
- Em Inserir, escolha Incorporar, depois Incorporar código, e cole o fragmento de código. Arraste a incorporação para a tornar mais alta, de modo a que a fatura caiba por inteiro. Ajuda de Google Sites
A minha Content Security Policy precisa de ser alterada?
Apenas se o seu site enviar uma: autorize https://klarbon.app em script-src e frame-src.
Atualizado em 6 de novembro de 2026