IOPAY→Botões de pagamento
Botões de pagamento

Pagamento direto, no ponto da compra.

Adicione um botão ao seu site, landing page ou campanha e abra o checkout sem transformar a página em um e-commerce.

Documentação ↗

Um clique para o checkout.

O cliente segue para o pagamento sem perder o contexto da página.

Página Botão Checkout Confirmação
Conversão com menos etapas

Um botão pequeno.
Uma jornada completa.

O botão conecta páginas de campanha, sites institucionais, páginas de produto e ofertas pontuais a um checkout transparente. A interface pode refletir a identidade visual da operação e a confirmação do pagamento segue conectada ao fluxo técnico da IOPAY.

01

Pagamento no contexto certo.

Leve o cliente do conteúdo ou oferta diretamente para a cobrança, sem criar uma loja completa para cada campanha.

02

Checkout customizável.

Defina cores primária e secundária e associe o logotipo da empresa à experiência de pagamento.

03

Pix, cartão e boleto.

Ative os meios de pagamento habilitados para a operação em uma mesma jornada de checkout.

04

Eventos para sua operação.

Use webhooks para atualizar pedido, CRM, ERP, automações ou qualquer sistema após mudanças de status.

Da intenção ao pagamento

Menos caminho entre querer e pagar.

Botões de pagamento são especialmente úteis quando a compra nasce fora de um checkout tradicional: campanhas, lançamentos, páginas promocionais, assinaturas, eventos, conteúdo comercial e jornadas que precisam de um ponto de cobrança claro.

campanhasCTA → checkoutTransforme uma chamada comercial em uma jornada direta para pagamento.
marcaCores + logotipoPersonalize a experiência para manter continuidade visual durante a compra.
integraçãoHTML + JavaScriptO botão é renderizado a partir de um formulário simples e do script do checkout transparente.
operaçãoWebhooksUse eventos para confirmar e sincronizar o estado real do pagamento nos seus sistemas.
Integração

Um formulário HTML e o checkout está conectado.

A estrutura abaixo segue o modelo documentado pela IOPAY para o botão de pagamentos. Os valores de credencial e o identificador da integração devem ser substituídos pelos dados da sua conta e ambiente.

<!-- Botão de Pagamento IOPAY -->
<form id="_iopay_checkout"
      action="https://checkout.iopay.dev/app/pay/SEU_ID"
      method="post"
      target="_iopay_frame"
      onsubmit="return false;">

  <input type="hidden" name="integration" value="transparent">
  <input type="hidden" name="business" value="SEU_EMAIL">
  <input type="hidden" name="reference_id" value="PEDIDO_1024">
  <input type="hidden" name="amount" value="199.00">

  <!-- Personalização opcional -->
  <input type="hidden" name="io_config_primary_color" value="#111111">
  <input type="hidden" name="io_config_secondary_color" value="#6547ff">

  <button onclick="iopay()" name="payWithIO">
    Pagar agora
  </button>
</form>

<link href="https://checkout.iopay.dev/checkout/assets/css/front.checkout.transparent.iopay.css" rel="stylesheet">
<script src="https://checkout.iopay.dev/checkout/assets/js/front.checkout.transparent.iopay.min.js"></script>
Como funciona

Do HTML ao pagamento confirmado.

O botão é simples na página, mas continua integrado à infraestrutura de pagamentos e eventos da IOPAY.

01
Habilite a operação.A conta precisa estar habilitada para Botões de Pagamento e receber os dados de integração aplicáveis.
02
Configure o formulário.Informe integração transparente, referência do pedido, valor e demais dados que quiser pré-preencher.
03
Personalize a experiência.Cores podem ser definidas no próprio form; o logotipo é configurado na área de Pagamentos Online da conta.
04
Confirme por webhook.A URL de retorno orienta a navegação do cliente. A confirmação do pagamento deve ser feita pelos eventos enviados via webhook.
Abrir documentação completa ↗
Onde usar

Coloque o pagamento no ponto de maior intenção.

O mesmo mecanismo pode apoiar jornadas comerciais muito diferentes, desde que exista uma página capaz de carregar o formulário e o JavaScript do checkout.

01

Landing pages.

Campanhas, lançamentos, webinars, inscrições, pré-vendas e ofertas de performance.

02

Páginas de produto.

Crie uma rota direta para pagamento mesmo quando não houver um catálogo completo ou carrinho tradicional.

03

Campanhas e mídia.

Conecte anúncios, conteúdo, influenciadores e páginas promocionais a uma cobrança específica e mensurável.

Botões de pagamento IOPAY

Uma integração pequena para abrir uma nova rota de conversão.

Abra sua conta, habilite o produto e incorpore a cobrança diretamente nas páginas onde seus clientes já estão.

Abra sua conta ↗Falar com um especialista