SDK Javascript
Integración
<script
src="https://cdn.aplazame.com/aplazame.js?public-key=api_public_key&sandbox=true"
async defer>
</script>
Parámetro | Tipo | Requerido | Descripción |
---|---|---|---|
public-key | string | si | tu clave pública |
sandbox | boolean | si | Indica si las peticiones usarán el modo de pruebas (true) o producción (false). |
Para producción el valor de sandbox debe ser
false
Comprobar disponibilidad Pago a plazos
Para mostrar el botón de pago con Aplazame en función de los límites configurados en tu cuenta
<button type="button"
data-aplazame-button
data-amount="12050"
data-currency="EUR"></button>
<div data-aplazame-payment-info="">
Información acerca del pago con Aplazame que aparecerá y se ocultará con el botón
</div>
(window.aplazame = window.aplazame || []).push(function (aplazame) {
aplazame.button({
selector: '#some-button-or-wrapper-id', // acepta cualquier selector CSS válido
amount: 12050,
currency: 'EUR'
})
})
Request:
GET /checkout/button?amount=12050¤cy=EUR&product[type]=instalments
Accept: application/vnd.aplazame.v1+json
Authorization: Bearer api_public_key
Host: api.aplazame.com
Response (available for this credit):
HTTP/1.1 201 OK
Response (not available for this credit):
HTTP/1.1 403 Forbidden
Parámetro | Tipo | Requerido | Descripción |
---|---|---|---|
selector | selector css | no | Selector CSS para mostrar/ocultar el método de pago Aplazame. |
amount | decimal | si | Cantidad a financiar. |
currency | ISO 4217 | si | Código de la moneda del pedido. |
Comprobar disponibilidad Pago en 15 días
Para mostrar el botón de pago con Aplazame en función de los límites configurados en tu cuenta
<button type="button"
data-aplazame-button
data-amount="12050"
data-currency="EUR"
data-product-type="pay_later"></button>
<div data-aplazame-payment-info="">
Información acerca del pago con Aplazame que aparecerá y se ocultará con el botón
</div>
(window.aplazame = window.aplazame || []).push(function (aplazame) {
aplazame.button({
selector: '#some-button-or-wrapper-id', // acepta cualquier selector CSS válido
amount: 12050,
currency: 'EUR'
product: {
type: 'pay_later'
}
})
})
Request:
GET /checkout/button?amount=12050¤cy=EUR&product[type]=pay_later
Accept: application/vnd.aplazame.v1+json
Authorization: Bearer api_public_key
Host: api.aplazame.com
Response (available for this credit):
HTTP/1.1 201 OK
Response (not available for this credit):
HTTP/1.1 403 Forbidden
Parámetro | Tipo | Requerido | Descripción |
---|---|---|---|
selector | selector css | no | Selector CSS para mostrar/ocultar el método de pago Aplazame. |
amount | decimal | si | Cantidad a pagar. |
currency | ISO 4217 | si | Código de la moneda del pedido. |
Inicio del checkout
Aquí puedes consultar como integrar el SDK
<script>
(window.aplazame = window.aplazame || []).push(function (aplazame) {
// Esta función se ejecuta cuando aplazame.js esté listo
aplazame.checkout(checkout_id, {
// callbacks ...
})
})
</script>
Mostrar resultado
(window.aplazame = window.aplazame || []).push(function (aplazame) {
// Esta función se ejecuta cuando aplazame.js esté listo
aplazame.checkout(checkout_id, {
onStatusChange: function (result_status) {
console.log('IMPORTANTE: EL CHECKOUT TODAVÍA SIGUE ABIERTO')
switch(result_status) {
case 'success':
console.log('el checkout ha sido completado correctamente')
break
case 'pending':
console.log('el checkout ha terminado pero está pendiente de ser validado')
break
case 'ko':
console.log('el proceso de pago ha sido rechazado por parte de Aplazame')
break
}
},
onClose: function (result_status) {
switch(result_status) {
case 'success':
console.log('el checkout ha sido completado correctamente')
break
case 'pending':
console.log('el checkout ha terminado pero está pendiente de ser validado')
break
case 'error':
console.log('ha ocurrido un error al cargar el checkout')
break
case 'dismiss':
console.log('el usuario ha cerrado el checkout sin haberlo completado')
break
case 'ko':
console.log('el proceso de pago ha sido rechazado por parte de Aplazame')
break
}
},
})
})
Parámetro | Tipo | Requerido | Descripción |
---|---|---|---|
onStatusChange | function | no | Función a la que se llamará cuando el Checkout cambie de estado.function onStatusChange (status) { /**/ } Posibles estados: success, pending, ko ( ⚠ Al enviar esta señal, el checkout seguirá abierto hasta que se llame a algún callback abajo mencionado ) |
onClose | function | no | Función a la que se llamará cuando el Checkout se cierre.function onClose (status) { /**/ } Posibles estados: success, pending, ko, dismiss |
onSuccess | function | no | Función a la que se llamará cuando se haya completado el pago. Al definir esta función el valor de success_url es ignorado |
onPending | function | no | Función a la que se llamará cuando el pago quede pendiente de confirmación. Al definir esta función el valor de pending_url es ignorado |
onKO | function | no | Función a la que se llamará cuando se haya denegado el pago. Al definir esta función el valor de ko_url es ignorado |
onError | function | no | Función a la que se llamará cuando haya habido un error. Al definir esta función el valor de error_url es ignorado |
onDismiss | function | no | Función a la que se llamará cuando el usuario escoge volver a la tienda. Al definir esta función el valor de dismiss_url es ignorado |