> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://helpcenter.superhote.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Séparer des logements sur plusieurs sites de réservation

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](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.

![](https://storage.crisp.chat/users/helpdesk/website/-/7/8/4/7/7847a07123bf3c00/fcf220a4-4767-4ac0-90d0-f7ca78_t3nz8z.png)

**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**

![](https://storage.crisp.chat/users/helpdesk/website/-/6/3/a/2/63a2bf8b91281800/61122de4-e80b-4ae1-8b96-dfba89_1vxbd5q.png)

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>
```

Code modifié

```
fetch(`https://app.superhote.com/api/v2/get-user-rentals/VOTREWEBKEY?group=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

![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/f/1/a8f12461a21b3000/5ec03286-45fa-46f6-ba72-039807_v295u4.png)

* 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](https://help.superhote.com/support/solutions/150000130871)

Vous souhaitez être contacté pour un diagnostic stratégique gratuit, réservez votre appel stratégique [en cliquant ici](https://superhote.com/appel)

Vous souhaitez voir des démonstrations et replay de nos conférences, visitez notre chaîne [Youtube](https://www.youtube.com/channel/UCGWsV5hVQp_oma9XqNz6GbQ)

Vous avez raté l'un de nos ateliers de coaching? Vous pouvez [visionner les replay ici](https://help.superhote.com/support/solutions/150000122116)

Un sujet lié au centre d’aide en ligne, veuillez visiter notre [Help Center](https://help.superhote.com/support/home)

Vous voulez connaître les dernières nouvelles et mises à jour de SuperHote ? Visitez [la page officielle des nouveautés](https://help.superhote.com/support/solutions/150000130872)

**Restons connectés ?**

Visiter notre [site web](https://superhote.com/)

Suivez-nous sur [Instagram](https://www.instagram.com/matsuperhote/)

Aimez notre page sur [Facebook](https://www.facebook.com/groups/superhote/)

Abonnez-vous à notre chaine officielle [Youtube](https://www.youtube.com/channel/UCGWsV5hVQp_oma9XqNz6GbQ)

**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](https://www.youtube.com/watch?v=2pgfGOpls9w&list=PLbdYq7NnH1oZmA5VCTvUSeJOBTT4dYSwY)

Vous souhaitez en savoir d’avantage, contactez-nous via le chat ou sur [support@superhote.com](mailto:support@superhote.com)