Comment intégrer le moteur de réservations SuperHote sur n'importe quel site internet

Créé par Gaëtan SuperHote, Modifié le  Wed, 03 May 2023 sur 01:03 PM par  Rovaniavo SuperHote

Tu verras dans cet article comment intégrer le moteur de réservation SuperHote à ton site internet.

Dans ce tutoriel, nous allons découvrir ensemble comment intégrer le moteur de réservations de SuperHote.

Il y a 3 étapes simples pour y arriver :


1- Comment éditer les appartements (photos, descriptions) pour le moteur de réservations dans l'application SuperHote


2- Comment ajouter le moteur de réservations SuperHote sur n'importe quel site internet de réservations


3- En bonus, comment intégrer le moteur de réservations SuperHote avec un formulaire de recherche existant

C'est parti !


Etape 1 - Comment éditer les appartements (photos, descriptions) pour le moteur de réservations dans l'application SuperHote


 


Comme indiqué dans le tuto ci-dessus, voici le lien pour télécharger les photos des "services" à mettre dans la page d'appartement : https://bit.ly/2SSYRjv


Etape 2 - Comment ajouter le moteur de réservations SuperHote sur n'importe quel site internet de réservations


 


Voici les codes d'intégrations :

Code à intégrer pour liste des appartements


<iframe id="bookingengine" allowfullscreen="" src="https://app.superhote.com/#/get-available-rentals/[insérer_la_webkey_ici]" style="display:block;" width="100%" height="3879" frameborder="0" sandbox="allow-scripts allow-forms allow-same-origin allow-presentation"></iframe>



Code à intégrer pour page appartement

 

<iframe id="bookingengine" allowfullscreen="" src="https://app.superhote.com/#/rental/[insérer_la_propertykey_ici]" style="display:block;" width="100%" height="3879" frameborder="0" sandbox="allow-scripts allow-forms allow-same-origin allow-presentation"></iframe>

 


Code CSS exemple : https://help.superhote.com/support/solutions/articles/150000053138-exemples-de-codes-css-pour-personnaliser-le-moteur-de-r%C3%A9servation


Etape 3 - comment intégrer le moteur de réservations SuperHote avec un formulaire de recherche existant



Code à intégrer pour surcharger un formulaire de recherche existant:


<iframe id="bookingengine" style="display: block;" src="" width="100%" height="5500" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen"></iframe>
<script>
var webKey = "mettre votre webkey ici";
var url = new URL(window.location.href);
var appart = url.searchParams.get("appart");
var checkin = url.searchParams.get("checkin");
var checkout = url.searchParams.get("checkout");
var adults = url.searchParams.get("adults");
var children = url.searchParams.get("children");
var lang = url.searchParams.get("lang");
if(lang == null)
    lang = "fr";
if(appart == null) {
var iframeUrl = "https://app.superhote.com/#/get-available-rentals/"+webKey+"?startDate=" + checkin + "&endDate=" + checkout + "&adultsNumber=" + adults + "&childrenNumber=" + children; + "&lang=" + lang;
if(checkin == null) iframeUrl = "https://app.superhote.com/#/get-available-rentals/" + webKey + "?lang=" + lang;
document.getElementById('bookingengine').src = iframeUrl;
} else {
var iframeUrl = "https://app.superhote.com/#/rental/" + appart + "?lang=" + lang;
document.getElementById('bookingengine').src = iframeUrl;
} </script>



LIENS UTILES
 


Nouveau dans SuperHote ? Veuillez vous référer aux articles pour BIEN DEMARRER AVEC SUPERHOTE 

Vous souhaitez être contacté pour un diagnostic stratégique gratuit, réservez votre appel stratégique en cliquant ici 

Vous souhaitez voir des démonstrations et replay de nos conférences, visitez notre chaîne Youtube 

Vous avez raté l'un de nos ateliers de coaching? Vous pouvez visionner les replay ici

Un sujet lié au centre d’aide en ligne, veuillez visiter notre Help Center 

Vous voulez connaître les dernières nouvelles et mises à jour de SuperHote ? Visitez la page officielle des nouveautés 



Restons connectés ?


Visiter notre site web

Suivez-nous sur Instagram

Aimez notre page sur Facebook

Abonnez-vous à notre chaine officielle Youtube


 


Besoin d’en savoir plus et voir les retours d'autres clients ?


Nous vous invitons à regarder les épisodes de notre série "J'irai louer chez vous" en cliquant ici

Vous souhaitez en savoir d’avantage, contactez-nous via le chat ou sur support@superhote.com


Cet article a-t-il été utile ?

C'est super !

Merci pour votre commentaire

Désolé ! Nous n'avons pas pu vous être utile

Merci pour votre commentaire

Dites-nous comment nous pouvons améliorer cet article !

Sélectionner au moins l'une des raisons

Commentaires envoyés

Nous apprécions vos efforts et nous allons corriger l'article