Incorporare il widget Guesty Booking Engine in un sito web esterno

Il Booking Engine Guesty funge da portale di prenotazione statico che consente agli ospiti di verificare la disponibilità e finalizzare il soggiorno senza dover utilizzare piattaforme di terze parti. Integrando questo portale come widget in un sito web personale, come Wix o WordPress, si mantiene un'esperienza di brand coerente e si eliminano i costi di distribuzione di terze parti.

Se possiedi un dominio, puoi collegarlo al tuo Guesty Booking Engine e utilizzare l'indirizzo del tuo sito web.

Integra il tuo Booking Engine Guesty

Segui le istruzioni riportate di seguito per incorporare il widget Booking Engine Guesty in un sito esterno.

Passo dopo passo:

  1. Accedi al tuo account Guesty.
  2. Nel menu di navigazione laterale, fai clic su icona Marketing e vendite per aprire il menu a tendina.
  3. Nella sezione Gestione Portale, seleziona Distribuzione.
  4. Fai clic sulla miniatura Booking Engine Guesty.
  5. Nella riga corrispondente al Booking Engine, fai clic sull'icona icona.
  6. Dal menu a tendina, seleziona "Connetti al tuo sito web".
  7. Fai clic su Copia icona del testo, quindi copia il frammento di codice e incollalo sul tuo sito web esterno.

Nota:

  • Guesty non offre supporto per problemi tecnici relativi all'aggiunta di codice a un sito web esterno.
  • Il filtro destinazione del widget di ricerca Booking Engine sincronizza automaticamente i dati dai campi "indirizzo città" dei tuoi annunci. Sebbene tu possa personalizzare questi valori per visualizzare quartieri o regioni anziché città, ciò potrebbe influire sulla connessione del portale con piattaforme come Airbnb, Booking.com e Vrbo a causa dei loro requisiti di indirizzo.

Stile e comportamento del colore del widget

Il widget di ricerca Booking Engine Guesty supporta un parametro color per controllare i colori di evidenziazione e selezione degli elementi grafici. Questo colore viene impostato automaticamente in base alle impostazioni di progettazione Booking Engine .

È possibile modificare manualmente il valore color nel codice di incorporamento per personalizzare il marchio.

Formato del codice di incorporamento consigliato

Per una formattazione dei colori uniforme, utilizza sempre il codice di incorporamento più recente. Il codice di incorporamento sarà simile all'esempio seguente (il tuo codice conterrà le tue impostazioni specifiche):

 <div id="search-widget_IO312PWQ">
  <script>
    !function(e,t,a,n,c,r){
      funzione s(t){e.console. registro("[Guesty Embedded Widget]:",t)}
      var i,d,l,o,y,m,g,h,p,u;
      n&&(i=n,d=t.getElementsByTagName("head")[0],
      (l=t.createElement("link")).rel="stylesheet",
      l.type="text/css",l.href=i,l.media="all",d.appendChild(l)),
      o=funzione(){
        prova{e[a].create(r).catch(function(e){s(e. messaggio)})}
        catch(e){s(e. messaggio)}
      },
      h=!1,y=c,
      m=function(){h||this.readyState&&"complete"!=this.readyState||(h=!0,o())},
      (g=t.createElement("script")).type="text/javascript",
      g.src=y,g.async="true",g.onload=g.onreadystatechange=m,
      p=g,(u=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,u)
    }(
      finestra,
      documento,
      "GuestySearchBarWidget",
      "https://s3.amazonaws.com/guesty-frontend-production/search-bar-production.css",
      "https://s3.amazonaws.com/guesty-frontend-production/search-bar-production.js",
      {
        "siteUrl":"libelulahomes.guestybookings.com",
        "color":"#e2c2a1"
      }
    );
  </script>
</div>

Importante:

Dopo aver aggiornato il colore del design del tuo Booking Engine, copia e incorpora nuovamente il codice del widget affinché le modifiche vengano visualizzate sul tuo sito web esterno.

Utilizza sempre il codice di incorporamento aggiornato del widget Booking Engine, che ora include il parametro color. L'utilizzo di uno script obsoleto potrebbe causare una visualizzazione errata dei colori del widget o una loro incompatibilità con le impostazioni Booking Engine.

Risoluzione dei problemi

Il colore del widget non corrisponde

Se i colori del widget non corrispondono al tuo Booking Engine Guesty :

  • Conferma la data di implementazione del tuo Booking Engine .
  • Ricopia il codice di incorporamento da Connetti al tuo sito web .
  • Verifica che il parametro color sia presente nello script.

Questo comportamento è previsto e non costituisce un difetto del sistema.

Questo articolo ti è stato utile?
Utenti che ritengono sia utile: 0 su 5