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: 1545,
amountWithoutTax: 1200,
amountWithTax: 300,
tax: 45,
service: 0,
tip: 0,
currency: "USD",
clientTransactionId: "CP260307-0705-3926",
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: Elisabeth Sobeck",
//Solo si se registran datos del titular de la tarjeta
/*
documentId: "1784526821",
phoneNumber: "+593984778899",
email: "aloy@horizon.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:
