Widget de réservation pour location saisonnière : intégrez-le sur WordPress en 5 minutes

Si vous gérez une chambre d'hôtes, un gîte ou un appartement en location courte durée et que vous avez déjà un site web (créé par vous-même sur WordPress, par une agence il y a quelques années, ou un site Wix monté en un week-end), vous touchez à peine 0 réservation directe par mois — alors que vous avez peut-être plusieurs centaines de visiteurs. Le problème est simple : vos visiteurs n'ont pas de moyen de réserver directement chez vous. Ils vont chercher votre logement sur Airbnb ou Booking, et vous payez 15 à 22 % de commission sur ce qui aurait dû être une réservation gratuite.

La solution s'appelle un widget de réservation pour location saisonnière. C'est un petit module avec calendrier, sélecteur de voyageurs et paiement intégré, que vous collez sur votre site existant via une ligne de code. Pas besoin de tout refaire, pas besoin de plugin compliqué, pas besoin de toucher au code de votre site.

Qu'est-ce qu'un widget de réservation pour location saisonnière ?

Un widget de réservation est un composant web autonome que vous intégrez sur n'importe quelle page de votre site. Il affiche un formulaire de disponibilité, calcule le prix selon les dates et le nombre de voyageurs, et permet au visiteur de réserver et payer en ligne, sans jamais quitter votre site, sans commission, sans plateforme tierce.

Concrètement, il fait trois choses :

• Affiche vos disponibilités en temps réel, synchronisées automatiquement avec vos calendriers Airbnb, Booking et Google Calendar via iCal.
• Calcule le prix total selon les dates sélectionnées, les tarifs saisonniers, les frais de ménage et la durée minimale.
• Encaisse le paiement de manière sécurisée via Stripe ou PayPlug, sans frais de service additionnels.

Pourquoi ajouter un widget plutôt que tout reconstruire ?

Beaucoup de propriétaires hésitent à passer au direct parce qu'ils croient qu'il faut tout refaire : nouveau site, nouvelle adresse, nouvel hébergement, perte du SEO. C'est faux. Avec un widget de réservation, vous gardez votre site actuel — son design, son URL, son référencement Google — et vous ajoutez juste un module de réservation par-dessus. La transition est totalement transparente pour vos visiteurs et pour Google.

L'économie est immédiate. Une seule réservation directe à 600 € vous évite entre 90 € et 130 € de commission Airbnb/Booking. Sur 30 nuits réservées à 120 €/nuit par mois, c'est 540 à 790 € que vous récupérez chaque mois. Soit largement de quoi rentabiliser un abonnement à 19 € dès la deuxième réservation.

Les 2 modes d'intégration disponibles

DirectHote propose deux façons d'afficher le widget sur votre site, selon votre besoin.

📋 Mode intégré (inline)

Le widget apparaît directement dans une zone de votre page (sidebar, milieu d'article, page dédiée "Réserver"). Idéal pour les pages où vous voulez convertir activement.

<div data-dh-widget="mon-chalet"></div>
<script src="https://directhote.com/embed.js" async></script>

🔘 Mode bouton flottant

Un bouton "Réserver" reste visible en permanence en bas de toutes vos pages. Au clic, le formulaire s'ouvre en popup. Idéal pour ne jamais rater une opportunité de réservation, sur n'importe quelle page.

<div data-dh-floating="mon-chalet" data-label="Réserver"></div>
<script src="https://directhote.com/embed.js" async></script>

Installation pas-à-pas sur WordPress

Sur WordPress, l'installation prend moins de 5 minutes. Voici la procédure exacte :

1. Créez votre compte DirectHote (gratuit, sans carte bancaire) et ajoutez votre hébergement avec photos, tarifs, capacité.
2. Synchronisez vos calendriers Airbnb et Booking via iCal pour éviter les doubles réservations.
3. Connectez Stripe ou PayPlug pour encaisser les paiements.
4. Dans votre admin DirectHote, allez sur Site → Widget, configurez les couleurs et le mode, puis cliquez sur Copier le code.
5. Dans WordPress, ouvrez la page où vous voulez le widget, ajoutez un bloc "HTML personnalisé" (recherchez "Custom HTML" dans les blocs Gutenberg), collez le code, publiez.

Si vous utilisez un constructeur visuel comme Elementor, Divi ou Beaver Builder, glissez-déposez un widget "HTML" à l'endroit voulu et collez le code. Le résultat est immédiatement visible dans la prévisualisation.

Autres CMS : Wix, Squarespace, Webflow, Shopify

Le widget DirectHote est universel : il fonctionne sur n'importe quelle plateforme qui accepte un bout de code HTML. La procédure est quasiment identique :

• Wix : ajoutez un élément "Intégration HTML" depuis le panneau Ajouter, collez le code, publiez.
• Squarespace : ajoutez un bloc "Code" sur la page, collez le code, enregistrez.
• Webflow : ajoutez un composant "Embed", collez le code, publiez.
• Shopify : modifiez le template Liquid de la page concernée, collez le code dans la section voulue.
• Site custom (HTML/PHP) : collez le code directement dans le fichier HTML de la page.

Dans tous les cas, le widget se met à jour automatiquement : dès que vos disponibilités, tarifs ou photos changent dans DirectHote, c'est immédiatement reflété sur tous les sites où le widget est installé. Vous n'avez plus rien à toucher.

Personnaliser le widget à vos couleurs

Le widget s'adapte automatiquement à votre charte graphique. Vous contrôlez la couleur principale, la langue (français ou anglais), le texte du bouton flottant et sa position (bas-droite ou bas-gauche). Tous ces paramètres se passent via des attributs HTML simples :

<div data-dh-floating="mon-chalet"
     data-color="#7C3AED"
     data-lang="en"
     data-label="Book now"
     data-position="bottom-left"></div>
<script src="https://directhote.com/embed.js" async></script>

Comparatif : widgets et plugins du marché

La différence avec les plugins WordPress dédiés (HBook, MotoPress) : DirectHote ne se limite pas à WordPress et inclut le mini-site complet, la synchronisation iCal multi-plateformes, la facturation, le suivi des avis et la gestion des messages. Vous n'achetez pas juste un widget, vous obtenez l'écosystème complet pour gérer votre activité de location saisonnière.

💬 Témoignage

"J'avais un vieux site WordPress avec 800 visiteurs par mois et zéro réservation directe — tout partait sur Airbnb. J'ai mis 10 minutes pour coller le widget DirectHote dans un bloc HTML. Maintenant je reçois 3 à 5 réservations directes par mois depuis ce site seul. C'était littéralement 10 minutes de config."

— Thomas, propriétaire d'un gîte rural en Ariège

Questions fréquentes

Le widget va-t-il casser le design de mon site WordPress ?

Non. Le widget est rendu dans un iframe isolé qui n'interfère pas avec le CSS de votre thème WordPress. Il s'adapte automatiquement à la largeur disponible et reste responsive sur mobile. Aucun risque de surcharge JavaScript ou de conflit avec vos plugins existants.

Le paiement se fait-il dans le widget ou sur une autre page ?

Le widget affiche la disponibilité et permet au voyageur de choisir ses dates. Au clic sur "Réserver", il est redirigé vers une page de paiement sécurisée hébergée par DirectHote (cryptée SSL, paiement Stripe ou PayPlug). La confirmation est envoyée par email immédiatement après paiement, et la réservation apparaît dans votre tableau de bord.

Que se passe-t-il si je modifie mes tarifs ou mes disponibilités ?

Le widget est connecté en temps réel à votre tableau de bord. Toute modification de tarif, de disponibilité ou de durée minimale est immédiatement reflétée sur tous les sites où le widget est intégré. Vous n'avez rien à mettre à jour manuellement, jamais.

Puis-je avoir plusieurs widgets sur le même site pour différents logements ?

Oui, vous pouvez intégrer autant de widgets que vous avez d'hébergements, chacun lié à son propre slug. Idéal pour les chambres d'hôtes qui présentent plusieurs chambres sur leur site, avec une page dédiée par chambre.

Le widget est-il compatible avec mon site mobile ?

Oui, le widget est entièrement responsive et optimisé pour les appareils mobiles. Le mode bouton flottant est particulièrement efficace sur smartphone : il reste accessible en permanence sans encombrer l'écran, et le formulaire s'ouvre en plein écran au clic.

Ajoutez le widget à votre site en 5 minutes

WordPress, Wix, Squarespace ou site custom — le widget DirectHote fonctionne partout. Sans commission, mises à jour automatiques.

Créer mon compte gratuit →

Sans engagement · Premier mois offert · Support en français