🌐 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

🔌 Étape 1 — Installer l'extension WordPress

Connectez-vous à l'administration de votre site : votredomaine.com/wp-admin
Allez dans Extensions → Ajouter une extension
Cliquez sur Téléverser une extension
Uploadez le fichier ZIP de l'extension SuperHote V2 👉🏻 Fichier à télécharger
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

Ouvrez la page souhaitée en mode édition Elementor
Recherchez le widget "Shortcode" (ou "Code court")
Glissez-déposez le widget à l'endroit voulu sur la page
Collez votre shortcode dans le champ prévu
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.

Mis à jour le : 30/03/2026

Cet article a-t-il répondu à vos questions ?

Merci !