Booking Website: Barra de Búsqueda Integrable

¿Qué? La barra de búsqueda incrustada permite a tus invitados buscar en el motor de reservas directamente desde tu propio sitio web. Esto se realiza implementando un código corto en tu sitio web que añade una barra de búsqueda con algunas opciones básicas de estilo y personalización. Cuando los invitados hacen clic en el "botón de búsqueda" en tu propio sitio web > se abre una nueva pestaña con los resultados de búsqueda del motor de reservas de Hostaway según los parámetros seleccionados.

¿Cómo? Copia el código proporcionado y pégalo en tu propio sitio web, lo que implementará una barra de búsqueda en tu sitio web. 

 

Pasos:
 

1. Para usar la barra de búsqueda, debes tener un motor de reservas publicado (publícalo yendo a la configuración del motor de reservas -> publicar)

2. Incrusta el siguiente código en el lugar deseado en el sitio web (WordPress / Wix te permiten incrustar códigos HTML)
   
   
   
    

   <script src="https://d2q3n06xhbi0am.cloudfront.net/widget.js?1640277196"></script>
   <script>
   window.searchBar({
   baseUrl: 'https://drakeshome.holidayfuture.com/',
   showLocation: true,
   color: '#cc2dcf',
   rounded: true,
   openInNewTab: true, // or false  
   font: 'Open Sans',
   });
   </script>
   <div id="hostaway-booking-widget"></div>
   

    

3. Modifica las líneas 4-9 en el código de acuerdo con los parámetros relevantes:
   
   
    

   1. baseUrl: debe ser la URL del motor de reservas. Puede ser una URL de holidayfuture o una URL personalizada. Si es la URL de holidayfuture o una URL de subdominio personalizada, entonces debería verse como 'https://drakeshome.holidayfuture.com/' sin embargo, si es una URL de dominio principal personalizada, debería verse como 'https://www.mydomain.com/' (importante incluir el carácter ').

   2. showLocation: ya sea true/false. Determina si la barra de búsqueda tiene un filtro de ubicación o no. La lista de ubicaciones se toma del motor de reservas (que utiliza la ciudad del anuncio como ubicación)

   3. color: un código de color HEX que afecta el color del botón de búsqueda. Por ejemplo '#cc2dcf' (importante incluir el carácter '). Busca "selector de color HEX" en Google para obtener el color HEX que se ajuste a tu sitio

   4. rounded: ya sea true/false. Determina si la barra de búsqueda tiene esquinas redondeadas o cuadradas

   5. openInNewTab: ya sea true/false. Determina si los resultados de búsqueda se abren en una nueva pestaña o en la actual

   6. font: determina la fuente del texto en la barra de búsqueda. (importante incluir el carácter ').