Widget
Intégranos en tu página y disfruta de la magia.
Insertando SDK
Con el siguiente script te aseguras que nuestro SDK sea cargado en tu web. Puedes hacerles pequeños cambios, pero te recomendamos no hacerlo.
1
!function(e,t){window.PreauthObject=t,window[t]=window[t]||function(){(window[t].q=window[t].q||[]).push(arguments)};const n="script",o=document.createElement(n),c=document.getElementsByTagName(n)[0];o.async=1,o.src=e,c.parentNode.insertBefore(o,c)}("https://cdn.preauth.io/preauth.js","preauth");
Copied!
Configuración del SDK
El SDK necesita cierta información para su correcto funcionamiento, por lo que debes configurar el id de la orden y los callbacks que se ejecutaran en caso de éxito o fallo según corresponda. Puedes ver más detalle en la descripción del modelo SDKConfiguration.
1
preauth("init", {
2
order: "4085-whOdSyS2FkGmm4j9feJNeMh0SjQDgLa5xAUENBkajsfQK",
3
onSuccess() {
4
//CODE
5
},
6
onError(e) {
7
//CODE
8
}
9
});
Copied!
Mostrando widget
Para mostrar el widget solo necesitas enviar el texto "start" como se muestra a continuación:
1
preauth("start");
Copied!
Ejemplo completo
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<script type="text/javascript">
5
!function(e,t){window.PreauthObject=t,window[t]=window[t]||function(){(window[t].q=window[t].q||[]).push(arguments)};const n="script",o=document.createElement(n),c=document.getElementsByTagName(n)[0];o.async=1,o.src=e,c.parentNode.insertBefore(o,c)}("https://cdn.preauth.io/preauth.js","preauth");
6
7
preauth("init", {
8
order: "4085-whOdSyS2FkGmm4j9feJNeMh0SjQDgLa5xAUENBkajsfQK",
9
onSuccess() {
10
//CODE
11
},
12
onError(e) {
13
//CODE
14
}
15
});
16
17
function openPreauth() {
18
preauth("start");
19
}
20
</script>
21
</head>
22
<body>
23
<button onclick="openPreauth">Click me!</button>
24
</body>
25
</html>
Copied!
Modelos
SDKConfiguration
Attributo
Tipo
Descripción
Ejemplo
order
Texto
Id de la orden, obtenido al crear la orden por medio del API REST.
4085-whOdSyS2FkGmm4j9feJNeMh0SjQDgLa5xAUENBkajsfQK
onSuccess
Callback
Callback que se ejecuta cuando la orden ha sido preautorizada correctamente.
onError
Callback
Callback que se ejecuta cuando ocurre algún error al preautorizar la orden. Ver modelo PreauthError.
PreauthError
Attributo
Tipo
Descripción
Ejemplo
code
PreauthErrorCode
Código de error interno.
100
message
Text
Mensaje asociado al código de error.
Modal closed by user
PreauthErrorCode
Código
Descripción
100
Cuando el widget es cerrado.
101
Cuando el widget no ha cargado correctamente.
102
Cuando sucede algún error al realizar la preautorización.
Última actualización 22d ago
Copiar enlace
Editar en GitHub