Avant de commencer
Ce guide explique comment intégrer votre moteur de réservation au site Web de votre établissement. Si vous utilisez le créateur de site Web de Little Hotelier, cette intégration est déjà configurée pour vous
Bien que notre moteur de réservation soit conçu pour une mise en œuvre simple, certaines plateformes de sites Web nécessitent des connaissances de base en HTML. En cas de difficulté, contactez votre prestataire de site Web ou votre développeur
Créez toujours une sauvegarde de votre site Web avant d'effectuer des modifications
Connecter votre moteur de réservation à votre site Web permet aux visiteurs d'effectuer des réservations directement, ce qui augmente vos réservations directes et réduit le travail administratif. Suivez ces étapes simples pour configurer cette intégration.
Étape 1 : trouvez l'URL de votre moteur de réservation
Accédez à Configuration > URL du moteur de réservation en direct
Copiez l'URL depuis le navigateur
Le format de votre URL dépend de la région de votre établissement :
Europe, Moyen-Orient, Afrique ou Amérique : https://direct-book.com/properties/channelcode
Asie ou Pacifique : https://book-directonline.com/properties/channelcode
Notez que « channelcode » contient le nom de votre établissement
Étape 2 : choisissez votre méthode d'intégration
Deux options principales s'offrent à vous pour intégrer votre moteur de réservation :
Option A : widgets
Ajoutez des éléments interactifs à votre site Web qui se connectent à votre moteur de réservation :
Widget Réserver maintenant : un bouton Réserver maintenant qui redirige les visiteurs directement vers votre moteur de réservation
Widget de sélection de dates : permet aux visiteurs de saisir leurs dates d'arrivée/de départ et le nombre de voyageurs avant d'être redirigés
Widgets personnalisés : créez des widgets spécifiques avec des paramètres personnalisés tels que le nombre de nuits par défaut ou les paramètres de langue
Option B : moteur de réservation intégré
Intégrez votre moteur de réservation directement au sein de votre site Web :
Crée une expérience de réservation fluide sans redirection vers un autre site
Conserve votre image de marque tout au long du processus de réservation
Renforce la confiance des clients en les gardant sur votre domaine
S'adapte automatiquement à une version plein écran sur les appareils mobiles
⚠️ Important : votre moteur de réservation intégré ne fonctionnera pas tant que votre domaine n'est pas approuvé
Avant de pouvoir intégrer votre moteur de réservation, vous devez faire approuver le domaine de votre site Web (on parle de « liste blanche », ou whitelisting).
Pour faire approuver votre domaine :
Soumettez votre domaine en remplissant ce formulaire
Attendez la confirmation d'approbation
Une fois le domaine de votre site Web approuvé, pour intégrer votre moteur de réservation à votre site Web, suivez les étapes du guide d'intégration ici.
Étape 3 : accédez au guide d'intégration
Notre guide d'intégration au site Web contient tout ce dont vous avez besoin :
Des instructions détaillées pour chaque méthode d'intégration
Des extraits HTML prêts à l'emploi
Des options de personnalisation pour tous les types de widgets
Des instructions de configuration du suivi Google Analytics
Étape 4 : ajoutez la bibliothèque JavaScript
La bibliothèque JavaScript est essentielle au bon fonctionnement de votre intégration :
Suivez les instructions du guide d'intégration pour ajouter le code de la bibliothèque
Ajoutez ce code à toutes les pages qui comporteront un lien ou un widget vers le moteur de réservation
Placez le code avant la balise de fermeture dans le code HTML de votre site Web
Si vous utilisez Google Analytics, placez ce script après votre code Google Analytics ou Google Tag Manager afin de garantir un suivi correct.
Étape 5 : préparez votre extrait HTML
Trouvez l'extrait HTML correspondant à la méthode choisie dans le guide d'intégration
Remplacez toutes les occurrences de « channelcode » par votre code de canal réel obtenu à l'étape 1
Personnalisez les paramètres supplémentaires si nécessaire (langue, dates par défaut, etc.)
Étape 6 : ajoutez le code à votre site Web
Contactez votre prestataire de site Web pour obtenir des instructions spécifiques sur l'ajout de code HTML à votre site
Insérez votre extrait modifié exactement comme indiqué par votre prestataire
Enregistrez et publiez vos modifications
Remarques techniques :
La plupart des créateurs de sites Web modernes proposent une option « HTML personnalisé » ou « Intégrer du code »
Certaines plateformes permettent d'accéder directement aux modèles de page ou aux fichiers de thème
Si vous utilisez un système de gestion de contenu tel que WordPress, vous devrez peut-être utiliser une extension permettant d'ajouter du code HTML personnalisé
Étape 7 : testez votre intégration
Visitez votre site Web comme le ferait un client
Cliquez sur votre bouton ou widget de réservation
Vérifiez que le moteur de réservation s'ouvre correctement et affiche les informations de votre établissement
Testez l'ensemble du processus de réservation pour vous assurer que tout fonctionne correctement
En cas de problème, vérifiez chaque étape ou contactez votre prestataire de site Web pour obtenir de l'aide.
Combien de temps faut-il pour que les modifications apparaissent sur mon moteur de réservation ?
Lorsque vous mettez à jour des informations pour votre moteur de réservation, telles que les détails des tarifs des chambres, les descriptions et les photos, les modifications apparaissent généralement immédiatement sur votre moteur de réservation, mais peuvent parfois prendre jusqu'à 10 minutes. Si votre moteur de réservation continue d'afficher des informations incorrectes après une mise à jour, patientez quelques minutes, puis effacez vos cookies et votre cache, et réessayez dans une nouvelle fenêtre de navigateur.
Les modifications n'apparaissent toujours pas ? Si vous avez modifié les paramètres de réservation directe mais que le contenu n'est pas mis à jour pour les autres langues sur votre moteur de réservation, vérifiez vos paramètres de traduction. Les traductions manuelles ne se mettent pas à jour automatiquement. Mettez à jour le texte traduit séparément dans Réservation directe > Configuration > Traductions.