RedyPago – Botón de Pago Personalizable

¿Cómo integrar?

1. Agrega el script JS de RedyPago
   

   <script src="https://jsbotontest.redypago.com/app.js"></script>

2. Agrega un <div id="tu-boton-pago"></div> donde quieras mostrar el botón.
3. Inicializa el botón con las opciones que elijas:

               
                 createPaymentButton({
                   containerId: "tu-boton-pago",   // id del div
                   variant: "primary",             // 'primary', 'secondary', 'tertiary'
                   size: "large",                  // 'large', 'medium', 'small'
                   buttonText: "Pagar ahora",      // Opcional
                   paymentData: {...},             // Los datos de pago
                   paymentSessionToken: "...",
                   onSuccess: rest => alert("Pago ok: " + rest),
                   onError: err => alert("Error: " + err),
                   onCancel: () => alert("Pago cancelado"),
                   onClose: () => console.log("Popup cerrado")
                 });
               
             

Playground interactivo

Propiedades disponibles

• containerId string: id del <div> donde se creará el botón
• variant string: "primary", "secondary" o "tertiary"
• size string: "large", "medium" o "small"
• buttonText string: texto del botón (opcional)
• paymentData object: datos de la operación
• paymentSessionToken string: token de autenticación
• onSuccess, onError, onCancel, onClose function: callbacks
• debug boolean: muestra logs en consola (opcional)

Parámetros de paymentData