Beds24 sur WordPress et Wix : plugin, widget ou page à vos couleurs

Trois façons d’intégrer Beds24 sur WordPress

• Un bouton « Réserver » vers votre page Beds24 : rien à installer.
• Le plugin officiel de Beds24 : gratuit, avec des widgets et la page de réservation en iframe.
• Un moteur de réservation dans votre page, sans iframe : notre extension.

Le plugin WordPress officiel de Beds24 : ce qu’il fait

Le plugin de Beds24, Beds24 Online Booking, est gratuit pour ses clients (« The plugin is free to use for all Beds24.com customers ») et s’installe depuis le répertoire WordPress (Beds24). Ses shortcodes affichent des widgets (booking box, booking strip) ou la page de réservation Beds24 dans une iframe, avec [beds24-landing] ou [beds24-searchresult].

Au moment où nous écrivons (octobre 2026), sa fiche wordpress.org affiche plus de 2 000 installations actives, la version 2.0.30 et une note de 4,3/5 sur 6 avis. Elle signale aussi que le plugin n’a pas été testé avec les trois dernières versions majeures de WordPress (wordpress.org).

Cet avertissement ne signifie pas que le plugin est cassé : testez-le d’abord sur une copie de votre site, comme toute extension.

Si vous acceptez que vos clients réservent sur la page Beds24, c’est un choix gratuit et raisonnable.

Le problème de l’iframe : mobile, cookies et confort

Une iframe est une fenêtre dans votre page qui affiche un autre site, ici votre page de réservation Beds24. Beds24 en reconnaît lui-même les limites (wiki Beds24) :

• les iframes sont pratiques, mais l’expérience d’utilisation peut être sous-optimale ;
• quand le navigateur bloque les cookies tiers, les données du widget peuvent ne pas parvenir à l’iframe ;
• « iFrames on mobile devices are problematic ».

Sur mobile, le client fait défiler une boîte à hauteur fixe dans votre page. Beds24 conseille d’ailleurs d’ouvrir plutôt la page de réservation dans un nouvel onglet.

Installer notre extension WordPress, pas à pas

Notre extension place notre moteur de réservation Beds24 sur n’importe quelle page, en bloc ou en shortcode. Il vous faut WordPress 6.0 ou plus, PHP 7.4 ou plus et un compte chez nous relié à Beds24 ; l’essai gratuit suffit pour tester.

1. Téléchargez l’extension WordPress (un fichier zip).
2. Dans WordPress, allez dans Extensions → Ajouter une extension → Téléverser une extension, choisissez le zip, cliquez sur Installer maintenant, puis sur Activer l’extension.
3. Ouvrez Réglages → Bookpage24, saisissez l’identifiant de l’établissement affiché dans votre tableau de bord et enregistrez : l’extension remplit seule le Lien de repli avec votre page de réservation Beds24 d’origine. Vérifiez-le.
4. Dans votre tableau de bord chez nous, ajoutez votre site dans Sites autorisés (avec et sans www), sinon le moteur ne se charge pas.
5. Sur la page où vos clients réservent, ajoutez le bloc « Moteur de réservation Bookpage24 », ou collez [bookpage24] dans un bloc Code court.
6. Publiez, puis faites une recherche test sur votre téléphone.

Dans l’éditeur, le bloc n’affiche qu’un aperçu : dates, chambres et prix apparaissent sur la page publiée. Téléchargée depuis votre tableau de bord, l’extension arrive avec l’identifiant et le lien de repli déjà remplis.

Bouton de réservation ou moteur complet ?

Deux shortcodes couvrent les deux cas :

[bookpage24]
[bookpage24 lang="fr" nights="2"]

[bookpage24_button text="Réserver"]
[bookpage24_button text="Réserver votre séjour" arrival="2027-03-12" departure="2027-03-14" adults="2"]

• [bookpage24] affiche le moteur complet, idéalement sur une page « Réserver ». Sans lang, il suit WPML, Polylang ou la langue du site ; nights fixe la durée proposée par défaut.
• [bookpage24_button] ajoute un bouton vers votre page hébergée, dans la langue du visiteur, dates et voyageurs préremplis si besoin.
• Plusieurs établissements ? Les deux shortcodes acceptent tenant avec un autre identifiant.

À vos couleurs, avec Beds24 en direct

Vous choisissez vos couleurs et deux polices, celles que votre site charge déjà. Vos clients voient aussi :

• de vrais noms de chambres, avec lits, descriptions et photos en cinq langues, au lieu de codes internes comme « XGL » ;
• plusieurs tarifs par chambre, du moins cher au plus cher ;
• la taxe de séjour dès le départ, que Beds24 n’inclut pas dans le prix de l’offre.

Prix et disponibilités sont lus dans Beds24 à chaque recherche ; la réservation y est inscrite, et le channel manager ferme la chambre sur vos autres canaux. Acompte ou paiement complet se règlent sur la page de paiement Beds24, avec votre Stripe ou PayPal (voir caution et acompte sur Beds24).

Aucune donnée de carte ne passe par WordPress. Et le bloc n’est jamais vide : son lien « Réserver » vers votre page Beds24 reste là, même si notre serveur tombe.

Wix, Squarespace et autres sites : widget Beds24 ou bouton

Hors WordPress, les widgets Beds24 (calendrier, booking box ou strip, boutons, iframe) existent en plus de 30 langues pour Wix, Squarespace ou Joomla ; un clic ouvre la page de réservation Beds24 (Beds24). Notre widget, lui, tient en deux lignes à coller dans l’élément de code de votre site :

<div class="db" data-tenant="votre-hotel" data-fallback="https://beds24.com/booking2.php?propid=…"><a href="https://beds24.com/booking2.php?propid=…">Réserver</a></div>
<script src="https://…/embed/votre-hotel.js"></script>

La première ligne garde un lien vers votre page Beds24 si notre serveur ne répond pas. Ajoutez votre site dans Sites autorisés, puis testez sur mobile.

• Wix : le wiki Beds24 signale que Wix ne prend pas en charge jQuery (wiki Beds24), et Wix affiche le code intégré dans une iframe. Nous recommandons donc la page hébergée derrière un bouton « Réserver » ; le widget intégré est possible, mais à tester sur votre site (ajoutez https://*.filesusr.com aux sites autorisés).
• Squarespace : le JavaScript dans un bloc de code n’est disponible qu’à partir du forfait Core (et sur certains anciens forfaits).

Questions fréquentes