Widget de réservation pour location saisonnière : l'intégrer partout, sans commission

Beaucoup de propriétaires de gîtes et chambres d'hôtes ont construit leur présence en ligne sur plusieurs supports : un site WordPress créé il y a quelques années, une page Facebook active, un compte Instagram, parfois un blog de voyages local. Chacun de ces espaces génère du trafic et de l'intérêt, mais sans moteur de réservation intégré, tout ce trafic repart sans convertir. Le widget de réservation comble ce manque, sans tout reconstruire.

Qu'est-ce qu'un widget de réservation ?

Un widget est un composant web autonome que vous intégrez sur n'importe quelle page via un court extrait de code HTML. Il affiche un formulaire de disponibilité (sélecteur de dates, nombre de personnes, bouton de réservation) aux couleurs de votre logement. Quand un visiteur remplit le formulaire et clique sur "réserver", il est redirigé vers votre page de paiement sécurisée, et la réservation est enregistrée dans votre tableau de bord DirectHote.

Le widget est responsive : il s'adapte automatiquement à toutes les tailles d'écran, du smartphone à l'écran desktop. Il est également mis à jour en temps réel avec votre calendrier de disponibilités : si une date vient d'être réservée, elle est immédiatement bloquée dans le widget, sans aucune action de votre part.

Intégrer le widget sur un site WordPress

Sur WordPress, l'intégration se fait en moins de cinq minutes. Copiez votre code de widget depuis votre tableau de bord DirectHote, puis collez-le dans un bloc HTML personnalisé sur la page ou la zone de widgets de votre choix. Vous pouvez le placer en haut de votre page d'accueil, sur chaque page de chambre, ou dans la barre latérale. Aucune compétence en développement n'est requise.

Si vous utilisez un constructeur de page comme Elementor ou Divi, l'intégration est encore plus simple : glissez-déposez un élément "HTML personnalisé" à l'endroit voulu et collez votre code. Le widget respecte automatiquement la mise en page de votre thème WordPress et ne cassera pas votre design.

Sur Wix, Squarespace, Webflow ou Shopify

Le principe est le même partout : ces plateformes proposent toutes un bloc « Code HTML » ou « Embed » qu'il suffit de déposer sur la page et dans lequel vous collez les deux lignes. Sur Wix, cherchez « Intégrer un code » dans le menu d'ajout d'élément. Sur Squarespace, ajoutez un bloc « Code ». Sur Webflow, un composant « Embed ». Le widget n'a besoin d'aucun réglage côté plateforme.

Un point à connaître : certaines formules gratuites de ces hébergeurs interdisent l'insertion de JavaScript. Dans ce cas, le bloc de code n'est pas proposé et il faut passer à une formule payante, ou utiliser un simple lien vers votre page de réservation.

Un seul widget pour plusieurs chambres ou gîtes

La plupart des widgets du marché sont liés à un logement. C'est parfait pour un gîte unique, mais absurde pour une maison d'hôtes de cinq chambres : votre site parle de la maison, pas de la chambre Tournesol. Poser cinq widgets sur la page d'accueil donne un mur de calendriers que personne ne lit.

La réponse est un widget d'établissement. Le visiteur y saisit simplement ses dates d'arrivée et de départ, et il arrive sur une page qui lui montre tous vos logements réellement libres sur cette période, avec le prix de son séjour. S'il ne reste qu'une chambre, il voit cette chambre. S'il ne reste rien, la page le dit clairement au lieu de le laisser croire que vous n'avez rien à proposer.

Le filtrage applique vos vraies règles, y compris les durées de séjour minimum saison par saison. Un logement qui demande trois nuits n'est pas proposé pour une seule, et il n'est pas caché pour autant : le visiteur lit « à partir de 3 nuits » et peut ajuster ses dates. C'est la différence entre perdre une réservation et en gagner une plus longue.

Les deux formes coexistent : gardez le widget par logement si chaque gîte a son propre site, et prenez celui de l'établissement si votre site les rassemble. Rien n'empêche d'avoir les deux, un par logement sur sa page dédiée et celui de l'établissement sur l'accueil.

Comment les disponibilités restent justes

C'est la question qui décide de tout : un widget qui affiche une date déjà louée provoque une double réservation, et c'est bien pire que pas de widget du tout. Les disponibilités affichées viennent directement de votre calendrier, celui-là même que vous synchronisez avec Airbnb, Booking ou Abritel par iCal.

Concrètement : une réservation encaissée sur une plateforme bloque la date dans votre calendrier, donc dans le widget, sur tous les sites où vous l'avez collé. Vous n'avez rien à mettre à jour, et vous ne risquez pas de vendre deux fois la même nuit.

Combien coûte un widget de réservation

Le widget est compris dans l'abonnement DirectHote, sur toutes les formules, sans limite du nombre de sites où vous le collez et sans commission sur les réservations qu'il génère. L'argent va directement sur votre compte Stripe : la plateforme ne touche jamais les fonds de vos voyageurs.

C'est la différence avec un moteur de réservation vendu au pourcentage : une nuit à 400 € réservée par ce widget vous rapporte 400 €, là où une plateforme en aurait prélevé une soixantaine. Voir les tarifs.

Comparatif : les solutions du marché

Les extensions WordPress dédiées ne fonctionnent que sur WordPress, et se paient à l'année. Les solutions universelles couvrent tous les sites, mais à des tarifs mensuels nettement plus élevés.

Si vous hésitez avec une solution complète de gestion, deux comparaisons détaillées existent : Smoobu et Elloha, avec les cas où elles restent le meilleur choix.

Tarifs publics relevés en septembre 2026, hors promotions et hors options. Vérifiez-les chez l'éditeur avant de décider : ils évoluent.

La différence avec les extensions WordPress dédiées ne tient pas qu'au prix : elles vous enferment sur WordPress. Si vous changez de site, ou si vous voulez aussi un lien depuis votre page Facebook et votre signature d'email, il faut tout recommencer.

Sur les réseaux sociaux et autres supports

Facebook et Instagram ne permettent pas d'intégrer du code JavaScript directement sur les pages. En revanche, vous pouvez ajouter un bouton "Réserver" dans votre profil Facebook qui pointe directement vers votre page de réservation DirectHote, ou créer une landing page dédiée avec votre widget que vous partagez dans votre bio Instagram et dans vos stories. Le résultat est similaire : un accès direct à votre calendrier de réservation, sans passer par une plateforme.

Sur votre signature d'email, dans vos newsletters, dans les documents que vous envoyez à vos partenaires locaux (offices de tourisme, agences immobilières) : partout où vous pouvez partager un lien, vous pouvez partager un lien vers votre page de réservation directe. Le widget, lui, va un cran plus loin en permettant la réservation sans quitter la page en cours de visite.

Personnaliser le widget à vos couleurs

Votre widget n'est pas un élément générique : il reprend les couleurs, la police et le style que vous avez définis sur votre mini-site DirectHote. Sur un site tiers, il apparaît comme un élément natif de votre identité visuelle, pas comme un "gadget" rajouté. Vous pouvez également choisir sa largeur, sa langue et les informations affichées (prix dès, durée minimale, message d'accueil personnalisé).

Les propriétaires les plus avancés créent un widget par logement lorsqu'ils gèrent plusieurs biens, et les intègrent sur des pages distinctes de leur site. Chaque widget est lié à un seul calendrier et à une seule grille tarifaire, ce qui évite toute confusion dans les disponibilités affichées.

À quoi ressemble le code à coller

Deux lignes, à copier depuis votre tableau de bord. La première indique où le widget doit s'afficher et avec quelle couleur, la seconde charge le script qui le dessine.

<div data-dh-widget="votre-hebergement" data-color="#2E6B5E" data-lang="fr"></div>
<script src="https://directhote.com/embed.js" async></script>

Rien d'autre à installer : pas d'extension WordPress, pas de compte tiers, aucune clé d'API à configurer. Le widget lit les disponibilités de l'hébergement désigné par data-dh-widget et se met à jour tout seul. Une variante data-dh-floating affiche un bouton flottant qui suit le visiteur pendant qu'il lit votre page.

Questions fréquentes