Booking Engine - Intégrer mon widget calendrier
Si vous souhaitez intégrer votre plate-forme de réservation Thais à votre site Web en direct, vous êtes au bon endroit.
Pour intégrer le bouton "Réserver", il vous suffit de créer le bouton depuis la plate-forme de votre site et de intégrer le lien du Booking Engine fournis par les équipes Thaïs à votre établissement.
Si besoin, n'hésitez pas à contacter le Support, nous pourrons vous renvoyer cette adresse URL.
Il est fréquent que certains site vous semblent plus attirants avec un Widget calendrier de réservation.
Nous proposons un Widget, intégrable montrant les disponibilités et tarifs par type de chambre ou dans la globalité de l'établissement.
Pour configurer notre widget calendrier, voici la documentation à suivre:
<html>
<head>
<meta charset="UTF-8" />
<title>XXXXnameXXXX</title>
</head>
<body>
<div
class="thais_calendar_widget"
data-widget="calendar"
data-instance="XXXXX"
data-nb-persons="2"
data-id-room-type="1"
data-open="pop-up"
width="800"
data-nb-months="2"
data-lang="fr"
></div>
<script
type="text/javascript"
src="https://XXXXXXnameinstanceXXXX.thais-hotel.com/direct-booking/widget/thais_widget.js"
></script>
</body>
</html>
Voici une idée du rendu potentiel que votre webmaster peut mettre en place :
Vous pouvez personnaliser l'affichage du calendrier pour filtrer selon des critères qui vous sont propres : le nombre de personnes, le type d'hébergement, le nombre de mois affichés...
Voici la liste des personnalisations qui sont disponibles :
data-instance="XXXXXX" (Nom de l'instance)
data-lang="en" || "fr" || "de" || "es" || "it" || "nl" || "ro"
width="100" (default: auto)
height="100" (default: auto)
data-nb-adults="2" (nombre d'adulte(s), defaut: 0)
data-nb-children="2" (nombre d'enfant(s), defaut: 0)
data-nb-infants="2" (nombre de bébé(s), defaut: 0)
data-id-room-type="2" (filtrer un room type ID)
data-id-rate="58" (filtrer un rate ID)
data-mode="line" || "grid" (affichage en ligne ou grille)
data-auto-search="true" (lance la recherche au deuxième clic)
data-nb-months="2" (nombre de mois affichés, default: 1)
data-nb-months-mobile="2" (nombre de mois affichés version mobile, default: 1)
data-promo="XXX" (applique le code promotionnel directement)
Vous pouvez également personnaliser l'icône de l'onglet du Booking engine, voici la tram script à utiliser par exemple :
Ce code est à inscrire dans Configuration > Param. Généraux > Custom code.
Si besoin, un technicien Thaïs peut vous aider à intégrer ce logo.
Contactez-nous à l'adresse habituelle du support, nous vous assisterons avec plaisir.
Enfin,
Si vous souhaitez effectuer plusieurs personnalisations, sachez que vous avez également la possibilité d'insérer le code CSS que vous souhaitez à cet effet.
Ajouter une image de foin, modifier la couleur du calendrier, masquer les prix... tous ces éléments sont possibles.
Votre webmaster peut d'ailleurs vous fournir le code CSS nécessaire lui-même pour le faire, et nous pourrons nous charger de l'intégrer directement.
Mis à jour le : 04/06/2025
Merci !