Ce tutoriel vous explique comment n'afficher que certains de vos logements dans le moteur de réservation sur un site A, et d'autres sur un site B.
Vous pouvez également reprendre la procédure pour partager les logements sur encore d'autres sites si vous en avez plus que 2.


Pré-requis :  Vous devez avoir suivi ce tutoriel et intégré vos logements sur vos différents sites avec ce tutoriel : https://superhotefr.freshdesk.com/a/solutions/articles/150000053075

A- Etapes à faire dans Superhote

1- Créer des groupes

Dans superHote, cliquez sur le nom de votre compte en haut à droite, paramètres, puis onglet Website.
D'ici créer des groupes rassemblant vos logements site par site.

2- Cacher le bouton filtre (via le CSS)

• Allez dans Superhote
• Puis ouvrez les paramètres de votre compte (en haut à droite)
• Allez dans l'onglet Website
• Ajouter le code CSS suivant dans la case CSS de la page

body > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
    display: none;
}

.row.flex-wrap.section-search {
    justify-content: space-between;
}

B- Etapes à faire dans le site internet

Ici 2 cas possibles. Suivez les étapes correspondant à votre situation.

Cas 1 - vous avez intégré vous même le moteur de réservation sur votre site

 ✅ Modifier le code sur vos sites

• Aller sur votre premier site sur la page qui contient le moteur de réservation
• Remplacer le code d'origine par le nouveau code ci dessous

Code origine

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

Code modifié (on rajoute ?groups=groupe1 après la webkey)

<iframe id="bookingengine" allowfullscreen="" src="https://app.superhote.com/#/get-available-rentals/VOTREWEBKEY?groups=GROUPE1" style="display:block;" width="100%" height="3879" frameborder="0" sandbox="allow-scripts allow-forms allow-same-origin allow-presentation allow-top-navigation"></iframe> 

✅  Faites exactement la même chose sur votre second site, en prenant soin de mettre le nom du groupe correspondant.

Cas 2 - Vous utilisez le template de site fourni par SuperHote

✅ Modification de la Page d'accueil

• Ouvrez votre site sur l'interface d'administration Wordpress.
• Allez sur la page d'accueil puis cliquez sur modifier avec Elementor
• Dépliez la 3eme section dans la navigateur à droite pour trouver le menu HTML

Dans le menu Modifier HTML à gauche, tout en bas du code, rajouter tout simplement ?groups= le nom de votre groupe après votre webkey. Ne pas modifier votre webkey qui est propre à votre compte superHote.

Code origine

fetch(`https://app.superhote.com/api/v2/get-user-rentals/VOTREWEBKEY`)
  .then(response => response.json())
  .then(json => display(json));
</script>

fetch(`https://app.superhote.com/api/v2/get-user-rentals/VOTREWEBKEY?groups=GROUPE1`)
  .then(response => response.json())
  .then(json => display(json));
</script>

✅ Modification de la Page réservation

• Toujours dans l'interface d'administration wordpress.
• Allez sur la page réservation puis cliquez sur modifier avec Elementor
• Cherchez une section HTML dans le navigateur à droite

• Dans le panneau code HTML à gauche, remplacer tout le code présent par celui ci dessous, en prenant soin de remplacer :
  • les occurrences [insérer_la_webkey_ici] par votre webkey superHote
  • les occurrences GROUPE1 par le nom du groupe que vous avez créé précédemment dans superHote

<iframe id="bookingengine" style="display: block;" src="https://app.superhote.com/#/get-available-rentals/[insérer_la_webkey_ici]?groups=GROUPE1" width="100%" height="5000" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen"></iframe>
<script>
var webKey = "[insérer_la_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");
var lang = url.searchParams.get("groups");
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 + "&groups" + groups ;
if(checkin == null) iframeUrl = "https://app.superhote.com/#/get-available-rentals/" + webKey + "?lang=" + lang + "&groups=GROUPE1";
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