Documentation Technique d’intégration Moteur de Réservation HotelNet
L’intégration du moteur de réservation peut prendre plusieurs formes, Bouton de réservation, Formulaire de Recherche (Quicksearch) :
1- Bouton de Réservation
Insertion simple d’une URL
https://booking.resasecure.net/bol/preselection.aspx?hotel=XXXX&lingua=fr
Variables
XXXX = code de l’hôtel, demander à votre chargé de compte
fr = Langue dans laquelle le moteur de réservation s’ouvrira, valeurs autorisées: it, de, fr, ru, es, gb
2- QuickSearch jQuery
Ce widget est un plugin jQuery qui vous permet d’inclure un formulaire de recherche (Quicksearch) directement sur votre site Internet.
Ce formulaire permet de trouver les chambres/tarifs disponibles en fonction des critères de sélection choisis.
Ce Quicksearch peut intégrer, s’ils sont actifs :
– Le Best Price, mettant en avant le meilleur prix de la période sélectionnée, ainsi que les 3 principaux avantages de la réservation directe.
– Le comparateur, mettant en avant les tarifs des distributeurs connectés, cette option démontre que le meilleur prix est bien sur le site de l’établissement.
A Noter
Le module fonctionne avec les bibliothèques jQuery et jQueryUI. Tout d’abord (si pas déjà inclus), il faut les inclure dans la section « head » de votre page.
Dans l’exemple de cette page, nous utilisons le thème UI smoothness
<script src= »https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js »></script>
<link rel= »stylesheet » href= »https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css »>
Intégration
Pour intégrer le widget, vous devez définir sa position sur votre page. Vous devez ensuite dans le BODY, assigner une Classe (par exemple « QuickSearch ») puis définir les fonctions du jQuery en fonction des paramètres souhaités (détaillés plus bas)
<div class="quickSearch"></div> <script src='https://scripts.resasecure.net/serv_jScript/webLibraries/js/ext/HNEwidget.js'></script> <script type="text/javascript"> jQuery(document).ready(function () {jQuery('.quickSearch').HNetBOL({ hotel: (insérer code Hotel fourni), hasPromo: true, maxNights: 30, maxAdults: 4, maxRooms: 4, maxChildren: 3, maxChildAge: 12, language: 'fr', forceVertical: false, hasBestPrice: true, availableDate: '', themeActionColor: '', themeActionTextColor: '' }); }); </script>Variables
| hotel | : (int) Code de l’hôtel fourni lors de l’activation (Obligatoire) |
| code promo: | : (bit) Si ‘true’ donne la possibilité d’insérer un code promotionnel, par défault ‘false’. |
| maxNights: | : (int) Nombre Maximal de nuits réservables, défault 30. |
| maxAdults: | : (int) Nombre Maximal d’adultes pouvant occuper une chambre, défault 4. |
| maxRooms: | : (int) Nombre Maximal de chambres réservables dans une réservation. |
| maxChildren: | : (int) Nombre Maximal d’enfants pouvant occuper une chambre, défault 3 |
| maxChildAge: | : (int) Age maximal pour considérer les enfants, défault 12. |
| language: | : (string) Langue du Quicksearch, valeurs autorisées: it, de, fr, ru, es, en |
| forceVertical: | : (bit) Si ‘true’ force le Quicksearch en position verticale, défault ‘false’. |
| hasBestPrice: | : (bit) Si ‘true’ montre le module Best price et comparateur sur le Quicksearch(si option activée), défault ‘true’. |
| availableDate: | : (dateTime) Modifie le format des dates(formato yyyy-mm-dd). |
| themeActionColor: | : (string) Définit la couleur de fond du « BestPrice », par défault #428bca |
| themeActionTextColor: | : (string) Définit la couleur des caractères du widget, par défault #555 |
