Incorporare il widget Guesty Booking Engine in un sito web esterno

Il motore di prenotazione 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 motore di prenotazione Guesty

Segui le istruzioni riportate di seguito per incorporare il widget del motore di prenotazione 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 canali, seleziona Distribuzione.
  4. Fai clic sulla miniatura del motore di prenotazione Guesty.
  5. Nella riga corrispondente del motore di prenotazione, fai clic su icona.
  6. Dal menu a tendina, seleziona "Connetti al tuo sito web".
  7. Clicca su Copia icona del testo 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 di 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 con piattaforme come Airbnb, Booking.com e Vrbo a causa dei loro requisiti relativi agli indirizzi.

Widget Color Style and Behavior

The Guesty booking engine search widget supports a color parameter to control the highlight and selection colors of graphic elements. This color is automatically set based on the booking engine's design settings.

You can manually change the color value in the embed code to customize the brand.

Recommended Embed Code Format

For consistent coloring, always use the latest embed code. The embed code will look similar to the example below (your code will contain your specific settings):

 <div id="search-widget_IO312PWQ">
  <script>
    !function(e,t,a,n,c,r){
      function s(t){e.console.log("[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=function(){
        try{e[a].create(r).catch(function(e){s(e.message)})}
        catch(e){s(e.message)}
      },
      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)
    }(
      window,
      document,
      "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>

Important:

After updating your Booking Engine's design color, copy and re-embed the widget code for the changes to appear on your external website.

Always use the updated Booking Engine widget embed code, which now includes the color parameter. Using an outdated script may cause the widget colors to display incorrectly or be incompatible with the Booking Engine settings.

Risoluzione dei problemi

Il colore del widget non corrisponde

Se i colori del widget non corrispondono al tuo motore di prenotazione Guesty:

  • Conferma la data di implementazione del tuo sistema di prenotazione.
  • 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