> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.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).

# 🌐 Mettre à jour son site WordPress avec SuperHote V2

# Ce tutoriel vous explique comment intégrer le moteur de réservation SuperHote V2 sur votre site **WordPress** via une extension dédiée.


|| Avant de commencer, récupérez le **fichier ZIP** de l'extension SuperHote V2 fourni avec ce tutoriel. Vous en aurez besoin dès la première étape 👉🏻 [Fichier à télécharger](https://drive.google.com/uc?export=download&id=1K1TzRMgkKZ7Ju1Dc5Tvf56HICrb2NsLX)


${frame}[intégrer le moteur de réservation - SuperHote V2](https://www.tella.tv/video/vid_cmnd5371y013l04ljel5q4jog/embed?b=0&title=0&a=1&loop=0&t=0&muted=0&wt=0&o=1)

## 🔌 Étape 1 — Installer l'extension WordPress

1. Connectez-vous à l'administration de votre site : `votredomaine.com/wp-admin`
2. Allez dans **Extensions → Ajouter une extension**
3. Cliquez sur **Téléverser une extension**
4. Uploadez le fichier ZIP de l'extension SuperHote V2 👉🏻 [Fichier à télécharger](https://drive.google.com/uc?export=download&id=1K1TzRMgkKZ7Ju1Dc5Tvf56HICrb2NsLX)
5. Cliquez sur **Installer** puis **Activer**

| Si l'extension est déjà installée sur votre site, WordPress vous proposera de la **remplacer** par la nouvelle version. Confirmez le remplacement et réactivez-la.



## 🔑 Étape 2 — Connecter SuperHote V2 à votre site

Dans Wordpress, une fois l'extension activée, rendez-vous dans **Réglages → SuperHote V2**.

Vous avez besoin de 02 éléments à récupérer depuis SuperHote :

**Dans SuperHote :** allez dans **Site de réservation → Paramètres → Intégration**, tout en bas de la page.

| Élément | Où le trouver | Où le coller |
| ---- |
| 🔑 Clé de connexion | Site internet →  Paramètres & Intégration | Champ "Clé de connexion" (webkey personnel) |
| 🌐 URL | Site internet →  Paramètres & Intégration | Champ "URL" (Adresse de votre site) |

||| Pour l'URL, veillez à bien inclure le **https://** au début. Sans ça, la connexion échouera.

Une fois les deux champs renseignés, cliquez sur **Tester la connexion** pour vérifier que tout fonctionne.



## 🎨 Étape 3 — Personnaliser l'apparence

Toujours dans les réglages de l'extension, vous pouvez personnaliser la couleur des boutons et d'autres éléments visuels pour les faire correspondre à votre charte graphique.



## 🧩 Étape 4 — Intégrer les shortcodes sur vos pages

SuperHote V2 met à disposition plusieurs shortcodes à insérer directement sur vos pages via votre éditeur (ex. **Elementor**).

**Les shortcodes disponibles :**

| Shortcode | Ce qu'il affiche |
| ---- |
| `[superhote_rentals]` | Liste de tous vos hébergements |
| `[superhote_search]` | Formulaire de recherche + résultats |
| `[superhote_form_search]` | Formulaire de recherche seul |
| `[superhote_search_map]` | Résultats de recherche + carte (style Airbnb) |



## ✏️ Comment insérer un shortcode avec Elementor

1. Ouvrez la page souhaitée en mode édition Elementor
2. Recherchez le widget **"Shortcode"** (ou "Code court")
3. Glissez-déposez le widget à l'endroit voulu sur la page
4. Collez votre shortcode dans le champ prévu
5. Cliquez sur **Publier**

**Exemple de mise en page courante :**
* En haut de page → `[superhote_form]` pour le formulaire de recherche
* En dessous → `[superhote_rentals]` pour la liste des hébergements

| Contrairement à un iframe, l'intégration est **native** — les informations sont chargées directement dans votre page, ce qui donne un rendu plus propre et plus rapide.



## ✅ Résultat

Une fois publié, votre site affiche :
* 🔍 Un formulaire de recherche par dates
* 🏠 La liste de vos hébergements avec les informations issues de SuperHote
* 📄 Une page de détail pour chaque logement avec le processus de réservation complet

|| Pensez à bien **alimenter le contenu** de chaque hébergement dans SuperHote (photos, descriptions, tarifs) — c'est ce qui s'affichera sur votre site.