Skip to content

embed.markdown

Latest commit

 

History

History
112 lines (92 loc) · 2.49 KB

embed.markdown

File metadata and controls

112 lines (92 loc) · 2.49 KB
title Mostrando o Boleto no seu Site
position 0
en /en/embed
layout pt

Incorporar o boleto no seu site

Você pode incorporar o boleto na sua página logo após a geração pela API.

  1. Crie um div com o id igual a boleto-embed

  2. Inclua o javascript de acordo com o layout desejado.

    Para isso basta usar o formato .js na URL do Boleto

Exemplo:

  <div id="boleto-embed"></div>
  <script src="https://bole.to/2/zp.js"></script>

Exemplos de outros layouts

Carnê:

  <script src="https://bole.to/2/zp/carne.js"></script>

Parcela 2 do carnê:

  <script src="https://bole.to/2/zp/carne/2.js"></script>

Boleto fatura:

  <script src="https://bole.to/2/zp/letter.js"></script>

Parâmetros

Os seguintes parâmetros podem ser usados:

Parâmetro Tipo Descrição
target String ID do elemento que será substituido pelo iframe com o boleto caso deseje mudar o id padrão ou colocar dois boletos na mesma página.
width Integer Largura em pixels do iframe que exibirá o boleto. O boleto terá largura máxima de 687px, o carnê largura máxima de 934px, mas você pode definir um tamanho menor que eles se redimensionam.
height Integer Altura inicial em pixels do iframe que exibirá o boleto. A altura será ajustada após a página ser carregada.
className
String Nome da classe a ser incluida no iframe para caso você queira aplicar regras no CSS.

Exemplo de uso com os parâmetros:

  <div id="boleto"></div>
  <script src="https://bole.to/2/zp.js?target=boleto&width=600&height=700&className=boleto_iframe"></script>