title	position	en	layout
Mostrando o Boleto no seu Site	0	/en/embed	pt

Incorporar o boleto no seu site

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

Crie um div com o id igual a boleto-embed
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>

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>

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>

Provide feedback