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!