Un enlace llevará a la página donde estará este componente lanzado, y desde el cual podrá realizarse pagos.

El contenedor definido en container es quien determina el width del componente.


Parámetros*


Principales

Parámetro

Descripción

Ejemplo

language*

Idioma

es

system*
Código de sistema (HPH o MPH)
HPH

container

Id de la etiqueta HTML que será el contenedor del componente

payByLink

encrypted

Parámetro GET llamado ‘q’ que llegará en el link de pago

cGF5bWVudFJlZmVyZW5jZTpYTFRWNzVWenRRMThNRjBtWDYxVkFuV0oyRWQyU2hWVzk0bVpCMUxENm1UcDlmOVMyejBhSG5mejZiVDNtSllZakN5UlA1dFc3SEJ1dnBqcUdQZloxZERFO3BheW1lbnRTeXN0ZW06UkRTO3ZlbmRvckNvZGU6REVNT0hUVDs=


* Será necesario sustituir los parámetros que no son fijos por los valores necesarios en cada momento en función del tipo de búsqueda a realizar.


Ejemplo del HTML comentado con información necesaria


<script>
   // Parámetros componente
   const queryString = window.location.search;
   const urlParams = new URLSearchParams(queryString);
   var qPayByLink = urlParams.get('q');
   var genericManifestAndVendorsLoaded = genericManifestAndVendorsLoaded || false;
   window.paramsPaybylink = {
      language: "es",
      container: "payByLink",
      encrypted: qPayByLink
   };

   if(typeof gethTtScript != 'function'){
        window.gethTtScript = function(source){
            var script = document.createElement('script');
            var prior = document.getElementsByTagName('script')[0];
            script.async = 1;
            script.src = source;
            prior.parentNode.insertBefore(script, prior);
        };
    }

   window.gethTtScript("https://hotel.new.hotetec.com/components/paybylink/js/main.js");
   if (!genericManifestAndVendorsLoaded) {
      window.gethTtScript("https://hotel.new.hotetec.com/components/js/vendors.js");
      window.gethTtScript("https://hotel.new.hotetec.com/components/js/manifest.js");
      genericManifestAndVendorsLoaded = true;
   }
</script>

<div id="payByLink"></div>