Permitirá registrar a un usuario en el sistema.

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


Parámetros*


Principales

Parámetro

Descripción

Ejemplo

webSessionId

Identificador único de sesión web. Se usará para mantener la sesión del usuario entre componentes y páginas.

01CDA38719E74937A2F275757ABA34EE

bookingEngine

Código de motor

2

system

Código de sistema (HPH o MPH)

HPH

language

Idioma

es

protectionDataUrl

Página donde está la información de protección de datos

/proteccion-datos.html

okHandler

Función que se llama cuando el registro se ha realizado correctamente y devuelve un objeto con información del usuario

registerOk

component

Valor fijo “customer-register”

customer-register

container

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

registerUser

extraFields

Array de campos opcionales a añadir en el formulario de registro (En la columna Ejemplo están todos los valores disponibles)

document.type, document.number, phone.number,

address,

city,

province,

postal.code


* 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>
    function registerOk() {
        // Por ejemplo, podría reedirigir al usuario a una landing
}

    // Parámetros componente
    var genericManifestAndVendorsLoaded = genericManifestAndVendorsLoaded || false;
    var clientComponents = clientComponents || [];
    var firstClientComponent = clientComponents.length;
clientComponents.push({
        webSessionId: "01CDA38719E74937A2F275757ABA34EE",
        bookingEngine: "2",
        system: "HPH",
        language: "es",
        protectionDataUrl: "/proteccion-datos.html",
okHandler: registerOk,
        component: "customer-register",
        container: "registerUser",
        extraFields: ["document.type", "document.number", "phone.number", "address", "city", "province", "postal.code"]
});

    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);
};
}

    if (firstClientComponent == 0) {
        document.addEventListener('DOMContentLoaded', function () {
            window.parameters = window.parameters || {};
            window.parameters.clientComponents = clientComponents;
});
        window.gethTtScript("https://hotel.new.hotetec.com/components/customer/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="registerUser"></div>