Booking Website : Barre de Recherche Intégrable

Quoi ? La barre de recherche intégrable permet à vos invités de rechercher dans le moteur de réservation directement depuis votre propre site web. Cela se fait en implémentant un court code sur votre site web qui ajoute une barre de recherche avec quelques options de style et de personnalisation de base. Lorsque les invités cliquent sur le "bouton de recherche" sur votre propre site web > un nouvel onglet s'ouvre avec les résultats de recherche du moteur de réservation Hostaway selon les paramètres sélectionnés.

Comment ? Copiez le code donné et collez-le sur votre propre site web, ce qui implémentera une barre de recherche sur votre site web. 

 

Étapes :
 

1. Pour utiliser la barre de recherche, vous devez avoir un moteur de réservation publié (publiez-le en allant dans les paramètres du moteur de réservation -> publier)

2. Intégrez le code suivant à l'endroit souhaité sur le site web (WordPress / Wix vous permettent d'intégrer des codes 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. Modifiez les lignes 4-9 dans le code selon les paramètres pertinents :
   
   
    

   1. baseUrl : doit être l'URL du moteur de réservation. Peut être une URL holidayfuture ou une URL personnalisée. Si c'est l'URL holidayfuture ou une URL de sous-domaine personnalisée, elle doit ressembler à 'https://drakeshome.holidayfuture.com/' cependant, si c'est une URL de domaine principal personnalisée, elle doit ressembler à 'https://www.mydomain.com/' (important d'inclure le caractère ').

   2. showLocation : soit true/false. Détermine si la barre de recherche a un filtre de localisation ou non. La liste des localisations est prise du moteur de réservation (qui utilise la ville de l'annonce comme localisation)

   3. color : un code couleur HEX qui affecte la couleur du bouton de recherche. Par exemple '#cc2dcf' (important d'inclure le caractère '). Google "sélecteur de couleur HEX" pour obtenir la couleur HEX qui convient à votre site

   4. rounded : soit true/false. Détermine si la barre de recherche a des coins arrondis ou carrés

   5. openInNewTab : soit true/false. Détermine si les résultats de recherche s'ouvrent dans un nouvel onglet ou dans l'onglet actuel

   6. font : détermine la police du texte dans la barre de recherche. (important d'inclure le caractère ').