Intégrer le widget du moteur de réservation dans un site web externe

Le moteur de réservation Guesty sert de portail de réservation statique permettant aux voyageurs de consulter les disponibilités et de finaliser leur séjour sans passer par des plateformes tierces. En intégrant ce portail sous forme de widget sur un site web personnel, tel que Wix ou WordPress, vous préservez une expérience de marque cohérente et éliminez les frais de distribution par des tiers.

Si vous possédez votre propre domaine, vous pouvez le connecter à votre moteur de réservation Guesty et utiliser l'adresse de votre site web.

Intégrez votre moteur de réservation Guesty

Suivez les instructions ci-dessous pour intégrer votre widget Guesty Moteur De Réservation sur un site externe.

Pas à pas :

1. Connectez-vous à votre compte Guesty .
2. Dans la barre de navigation supérieure, cliquez sur le sélecteur de mode et sélectionnez le mode Croissance .
3. Cliquez sur Distribution .
4. Cliquez sur la vignette du moteur de réservation Guesty .
5. Dans la ligne du moteur de réservation concerné, cliquez .
6. Dans le menu déroulant, sélectionnez « Se connecter à votre propre site web » .
7. Cliquez pour copier l'extrait et le coller sur votre site web externe.

Comportement de style et de couleur des widgets

Le widget de recherche du moteur de réservation Guesty prend en charge un paramètre color permettant de contrôler les couleurs de surbrillance et de sélection des éléments graphiques. Cette couleur est automatiquement définie en fonction des paramètres de conception de votre moteur de réservation.

Vous pouvez modifier manuellement la valeur color dans le code d'intégration pour une personnalisation de votre marque.

Format de code d'intégration recommandé

Pour une cohérence des couleurs, utilisez toujours le code d'intégration le plus récent. Ce code ressemblera à l'exemple ci-dessous (votre code contiendra vos paramètres spécifiques) :

 <div id="search-widget_IO312PWQ">
  <script>
    !function(e,t,a,n,c,r){
      function s(t){journal("[Widget intégré Guesty ]:",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)
    }(
      fenêtre,
      document,
      "Widget de barre de recherche invité",
      "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",
        "couleur":"#e2c2a1"
      }
    );
  </script>
</div>

Résolution de problèmes