Antes de iniciar la integración, asegúrate de preparar los datos de tu transacción:
<head>
<link rel="stylesheet" href="https://cdn.payphonetodoesposible.com/box/v1.1/payphone-payment-box.css">
<script type="module" src="https://cdn.payphonetodoesposible.com/box/v1.1/payphone-payment-box.js"></script>
</head>
<script>
window.addEventListener('DOMContentLoaded',()=>{
ppb = new PPaymentButtonBox({
token: "Colocar-Tu-Token",
amount: 830,
amountWithoutTax: 600,
amountWithTax: 200,
tax: 30,
service: 0,
tip: 0,
currency: "USD",
clientTransactionId: "CP260307-1020-1080",
reference: "Prueba Cajita de Pago en https://payphone.website",
storeId: "Colocar-Tu-StoreID",
lang: "es",
defaultMethod: "card",
timeZone: -5,
lat: "-1.831239",
lng: "-78.183406",
optionalParameter: "Pago de cliente: Ragnar Lodbrok",
//Solo si se registran datos del titular de la tarjeta
/*
documentId: "1972105420",
phoneNumber: "+593984998877",
email: "rlodbrok@vikingos.com",
identificationType: 1
*/
}).render('pp-button');
})
</script>
<div id="pp-button"></div>
Consulta la documentación oficial para conocer todos los detalles, parámetros disponibles, estructuras de respuesta y buenas prácticas:
