Booking Website: Barra di Ricerca Integrabile

Cosa? La barra di ricerca incorporabile consente ai tuoi ospiti di cercare nel motore di prenotazione direttamente dal tuo sito web. Questo viene fatto implementando un breve codice nel tuo sito web che aggiunge una barra di ricerca con alcune opzioni di stile e personalizzazione di base. Quando gli ospiti cliccano sul "pulsante di ricerca" sul tuo proprio sito web > si apre una nuova scheda con i risultati di ricerca del motore di prenotazione di Hostaway secondo i parametri selezionati.

Come? Copia il codice fornito e incollalo sul tuo sito web, il che implementerà una barra di ricerca sul tuo sito web. 

 

Passi:
 

1. Per utilizzare la barra di ricerca, è necessario avere un motore di prenotazione pubblicato (pubblicalo andando su impostazioni del motore di prenotazione -> pubblica)

2. Incorpora il seguente codice nel punto desiderato del sito web (WordPress / Wix ti permettono di incorporare codici 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 le righe 4-9 nel codice secondo i parametri rilevanti:
   
   
    

   1. baseUrl: dovrebbe essere l'URL del motore di prenotazione. Può essere un URL holidayfuture o personalizzato. Se è l'URL holidayfuture o un URL di sottodominio personalizzato, dovrebbe apparire come 'https://drakeshome.holidayfuture.com/' tuttavia, se è un URL di dominio principale personalizzato, dovrebbe apparire come 'https://www.mydomain.com/' (importante includere il carattere ').

   2. showLocation: può essere true/false. Determina se la barra di ricerca ha o meno un filtro di posizione. L'elenco delle posizioni è preso dal motore di prenotazione (che utilizza la città dell'annuncio come posizione)

   3. color: un codice colore HEX che influisce sul colore del pulsante di ricerca. Ad esempio '#cc2dcf' (importante includere il carattere '). Cerca su Google "selettore colore HEX" per ottenere il colore HEX che si adatta al tuo sito

   4. rounded: può essere true/false. Determina se la barra di ricerca ha angoli arrotondati o quadrati

   5. openInNewTab: può essere true/false. Determina se i risultati della ricerca si aprono in una nuova scheda o in quella corrente

   6. font: determina il carattere del testo nella barra di ricerca. (importante includere il carattere ').