> Faqs > Integrar un boton de pago de Ubii con Javascript

Integrar un boton de pago de Ubii con Javascript

Saludos amigos,

Intento integrar un boton de pago, y de la forma normal, agregando al header HTML la seccion HTML y la seccion JavaScript donde deberia estar... pero no funciona.

Alguna idea con los pasos que seguirian, a ver que me esta faltando

Gracias, estos son los datos que recibo del proveedor... el numero de cliente es cambio por seguridad, solo se coloco 0000

Sitio Web HTML

<svg id="ubiiboton"></svg>

Sitio Web JavaScript

initUbii(
    "ubiiboton",
    {
        amount_ds:"11.21",
        amount_bs:"100000.00",
        concept:"Boton de Pago",
        principal:"ds",
        clientId:"a7b3bdd8-e1db-11ec-bb04-000000000000",
        orderId:"1",
    },
    callbackFn
);
La pregunta sigue abierta a los amigos del foro, contacte a los programadores de la compañia Ubii Pagos pero aun no me dan respuesta, se que falta codigo, pero cualquier comentario adicional puede ser util.

Respuestas

Bueno, a simple vista da la sensación que el código que nos has señalado está incompleto. Tendrás que documentarte mejor en la página del proveedor de pagos Ubii, porque seguramente te expliquen mejor cómo hacerlo. Yo no tengo experiencia personalmente, pero te digo en líneas generales.

  • El código HTML lo tendrás que colocar dentro de las etiquetas <body> y </body>, en el lugar donde quieras que aparezca el botón en tu página.
  • El código Javascript lo tendrás que colocar generalmente antes de la etiqueta </body> para que se ejecute por último, entre etiquetas <script> y </script>
<script>
initUbii(
    "ubiiboton",
    {
        amount_ds:"11.21",
        amount_bs:"100000.00",
        concept:"Boton de Pago",
        principal:"ds",
        clientId:"a7b3bdd8-e1db-11ec-bb04-000000000000",
        orderId:"1",
    },
    callbackFn
);
</script>

Lo que pasa es que, a todas luces, esto no va a funcionar, dado que para que funcione el navegador tendría que saber qué son los identificadores esos que se están usando (la función initUbii y la función callbackFn), pues no los estás declarando en ningún lugar.

Generalmente el proveedor de pagos te habrá indicado que tienes que colocar algún script adicional, que contenga el código base para que ese botón funcione, con el código de las mencionadas funciones que deberían haberse definido previamente.

Ese script generalmente tendrá una forma así:

<script src="https://ubii.com/script-para-pagos.js"></script>

Ese código exacto (el que he puesto me lo he inventado) para ese script externo te lo tendrán que dar en algún sitio. Pues bien, una vez lo tengas, lo debrerías colocar antes de la etiqueta script que inicializa tu botón.

<script src="https://ubii.com/script-para-pagos.js"></script>
<script>
initUbii(
    "ubiiboton",
    {
        amount_ds:"11.21",
        amount_bs:"100000.00",
        concept:"Boton de Pago",
        principal:"ds",
        clientId:"a7b3bdd8-e1db-11ec-bb04-000000000000",
        orderId:"1",
    },
    callbackFn
);
</script>

Espero que puedas resolverlo!

Luis
92 3 4 1
Gracias Luis, no estaba yo tan equivocado, concuerdo con todo lo qué comentaste y era lo que pense desde el principio " Aqui me falta codigo" Ellos no dan mas info ni manual de implementación.