Pagamiento en el contexto correcto.
Lleva al cliente del contenido o oferta directamente a la facturación, sin crear una tienda completa para cada campaña.
Botones de pago
Pago directo, justo en el punto de compra.
Añadir un botón a su sitio web, página de destino o campaña y abrir el checkout sin convertir la página en un e-commerce
Un clic para el checkout.
El cliente sigue hacia el pago sin perder el contexto de la página.
Página
Botón de control
Checkout
Confirmación
Conversión con menos pasosUn pequeño botón.
Un pequeño botón.
Un viaje completo.
El botón conecta páginas de campaña, sitios web institucionales, páginas de productos y ofertas puntuales a un checkout transparente. La interfaz puede reflejar la identidad visual de la operación y la confirmación de pago sigue conectada al flujo técnico de IOPAY.
Checkout personalizado.
Definir colores primarios y secundarios y asociar el logotipo de la empresa con la experiencia de pago.
Pix, tarjeta y boleto.
Activar los medios de pago habilitados para la operación en el mismo día de checkout.
Eventos para su operación.
Utilice webhooks para actualizar la solicitud, CRM, ERP, automatización o cualquier sistema después de cambios de estado.
Desde la intención hasta el pago
Menos camino entre querer y pagar.
Botones de pago son especialmente útiles cuando la compra nace fuera de un checkout tradicional: campañas, lanzamientos, páginas promocionales, suscripciones, eventos, contenido comercial y flujos de pago que necesitan un punto de cobro claro.
CampañasCTA → checkoutTransforma una llamada comercial en un viaje directo a pago.
Marca de la marcaColores + logotipoPersonaliza la experiencia para mantener la continuidad visual durante la compra.
integraciónHTML + JavaScriptEl botón se rentra a partir de un formulario simple y del guión de checkout transparente.
operaciónWebhooksUtilice eventos para confirmar y sincronizar el estado real del pago en sus sistemas.
Integración
Un formulario HTML y el checkout están conectados.
La estructura siguiente sigue el modelo documentado por IOPAY para el botón de pagos. Los valores de credencial y el identificador de integración deberán sustituirse por los datos de su cuenta y su entorno.
<!-- 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>Cómo funcionaAbre la documentación completa —
Desde el HTML hasta el pago confirmado.
El botón es simple en la página, pero sigue integrado a la infraestructura de pagos y eventos de IOPAY.
01
Habilitar la operación.La cuenta debe estar habilitada para los botones de pago y recibir los datos de integración aplicables.
02
Configure el formulario.Informar de integración transparente, referencia de la solicitud, valor y cualquier otro dato que desee preemptar.
03
Personaliza la experiencia.Los colores pueden definirse en el mismo formulario; el logotipo se configura en la sección de pagos en línea de la cuenta.
04
Confirme por webhook.La URL de retorno guía la navegación del cliente. La confirmación del pago deberá hacerse por los eventos enviados a través de webhook.
Dónde usar
Ponga el pago en el punto de mayor intención.
El mismo mecanismo puede apoyar flujos de pago comerciales muy diferentes, siempre que exista una página capaz de cargar el formulario y el JavaScript del checkout.
01
Las páginas de destino.
Campañas, lanzamientos, webinars, inscripciones, preventa y ofertas de rendimiento.
02
Páginas de producto.
Crea una ruta directa para el pago incluso cuando no hay un catálogo completo o un carruaje tradicional.
03
Campañas y medios.
Conecte anuncios, contenido, influencers y páginas promocionales a una cobranza específica y medible.
Botones de pago IOPAY
Una pequeña integración para abrir una nueva ruta de conversión.
Abra su cuenta, habilite el producto y incorpore la cobranza directamente en las páginas donde ya están sus clientes.
