📘

O que você irá aprender com esse artigo?

• O que é o Checkout e suas funcionalidades
• Diferença entre o Checkout Transparente e o Checkout iugu
• Como integrar métodos de pagamento no Checkout Transparente (Cartão de Crédito, Boleto, Pix)
• Como usar as APIs para tokenizar o cartão, criar faturas e realizar cobranças
• Como implementar o Checkout Transparente na sua plataforma através das APIs iugu

O que é checkout?

Checkout é a página de finalização de uma compra online, especificamente a tela de pagamento. Basicamente, a página de checkout é onde o comprador insere os dados de cartão, vê o QR Code do pix e/ou visualiza o boleto.

Checkout transparente

O Checkout Transparente é quando o seller opta desenvolver a própria página de pagamento. Dessa forma, comprador finaliza a compra dentro do próprio site ou plataforma do vendedor ou invés do Checkout da iugu.

Vantagem ✨

A vantagem do Checkout Transparente é a diminuição do abandono de carrinhos. Como o comprador não é redirecionado para uma página diferente, sua sensação de segurança é maior, aumentando a credibilidade do site.

Saiba mais sobre Checkout Transparente aqui.

Métodos de Pagamento e Checkout Transparente

O Checkout da iugu já é completamente integrado com as nossas APIs e não exige nenhum desenvolvimento. Quando o seller deseja utilizar o Checkout Transparente, são necessárias chamadas em determinadas APIs e, para cada método, há informações diferentes que devem ser exibidas ao cliente.

Cartão de Crédito

Para utilizar o método Cartão de Crédito no Checkout Transparente, deve-se:

1. Tokenizar o Cartão de Crédito. Saiba mais.
2. Criar uma Fatura (opcional) com o endpoint Criar Fatura — POST v1/invoices.
3. Cobrar com o endpoint Cobrança Direta — POST v1/charge.

📘

Por que é opcional criar uma fatura?

Saiba mais sobre a Diferença entre Cobrança Direta e Fatura

Boleto

No response dos endpoints POST /v1/charge— Cobrança Direta e POST /v1/invoices — Criar fatura é possível coletar o Código de Barras, PDF e/ou Linha Digitável.

• Cobrança Direta: Parâmetro pdf.
• Criar Fatura: Parâmetros digitable_line e barcode.

Pix

Já para o pix, é possível apenas pelo endpoint Criar Fatura — v1/invoices, informando, no parâmetro payable_with, o valor pix. Saiba mais.

Recipe 🧪

Veja, na prática, as APIs que compõem um Checkout Transparente nesta recipe:

Checkout iugu

Diferente do Checkout Transparente, o Checkout iugu é completamente integrado às nossas APIs, não exigindo desenvolvimento — já está pronto e tudo é feito pela iugu. Segue o mesmo conceito de checkout.

Utilize o endpoint Criar Fatura — v1/invoices e redirecione o seu cliente para o URL que é retornado na propriedade secure_url.

Visão geral

Quando o método é PIX

Quando o método é Cartão de Crédito

Quando o método é Boleto Bancário