Saltar al contenido principal

SDK Javascript

Integración​

tip

Debes incluir aplazame.js en las páginas del botón y del checkout.

<script
  src="https://cdn.aplazame.com/aplazame.js?public-key=api_public_key&sandbox=true"
  async defer>
</script>
ParámetroTipoRequeridoDescripción
public-keystringSíTu clave pública.
sandboxbooleanSíIndica si las peticiones usarán el modo de pruebas (true) o producción (false).
precaución

Para producción el valor de sandbox debe ser false.

Comprobar productos de financiación disponibles​

Para mostrar el botón de pago con Aplazame en función de los productos 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>
ParámetroTipoRequeridoDescripción
selectorcss selectorNoSelector CSS para mostrar/ocultar el método de pago Aplazame.
amountdecimalSíCantidad a financiar.
currencyISO 4217SíCódigo de la moneda del pedido.

Comprobar Pago a plazos​

Para mostrar el botón de pago con Aplazame en función de los límites configurados en tu cuenta.

Los ejemplos anteriores usarán "Pago a plazos" (valor por omisión).

Comprobar 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.

Para comproabr la disponibilidad del producto "Pay later", debes añadir data-product-type="pay_later", o product: { type: 'pay_later' }:

<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>

Comprobar Pago en 4​

Para mostrar el botón de pago con Aplazame en función de los límites configurados en tu cuenta.

Para comproabr la disponibilidad del producto "Paga en 4", debes añadir data-product-type="pay_in_4", o product: { type: 'pay_in_4' }:

<button type="button"
  data-aplazame-button
  data-amount="12050"
  data-currency="EUR"
  data-product-type="pay_in_4"></button>

 <div data-aplazame-payment-info="">
     Información acerca del pago con Aplazame que aparecerá y se ocultará con el botón
 </div>

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 (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 (result_status) {
      switch (result_status) {
        case 'success': // equivalente a onSuccess
          console.log('el checkout ha sido completado correctamente')
          break
        case 'pending': // equivalente a onPending
          console.log('el checkout ha terminado pero está pendiente de ser validado')
          break
        case 'error': // equivalente a onError
          console.log('ha ocurrido un error al cargar el checkout')
          break
        case 'dismiss': // equivalente a onDismiss
          console.log('el usuario ha cerrado el checkout sin haberlo completado')
          break
        case 'ko': // equivalente a onKO
          console.log('el proceso de pago ha sido rechazado por parte de Aplazame')
          break
      }
    })
})
ParámetroTipoRequeridoDescripción
onStatusChangefunctionNofunction onStatusChange(status) { /**/} Función a la que se llamará cuando el Checkout cambie de estado. Posibles estados: success, pending, ko. (Al enviar esta señal, el checkout seguirá abierto hasta que se llame a algún callback abajo mencionado).
onClosefunctionNoFunción a la que se llamará cuando el Checkout se cierre. function onClose(status) { /**/} Posibles estados: success, pending, ko, dismiss.
onSuccessfunctionNoFunción a la que se llamará cuando se haya completado el pago. Al definir esta función el valor de success_url es ignorado.
onPendingfunctionNoFunció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.
onKOfunctionNoFunción a la que se llamará cuando se haya denegado el pago. Al definir esta función el valor de ko_url es ignorado.
onErrorfunctionNoFunción a la que se llamará cuando haya habido un error. Al definir esta función el valor de error_url es ignorado.
onDismissfunctionNoFunció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.