Intégration avec le Price Check de Triptease

Modifié le Mer, 20 Mai à 4:43 H

Vous trouverez ci-dessous un résumé des étapes à suivre pour intégrer le widget Price Check de Triptease dans le moteur de réservation Witbooking :

1) Accédez à Intégrations>Gestionnaire de balisage.

2) Adaptez le code suivant en y insérant les champs Hotel Key et {{hotel_ticker}} fournis par Triptease.

<script>

var roomSelection = document.getElementsByClassName('RoomSelection-placeholder');

if (roomSelection) {

roomSelection = roomSelection[0];

}

var priceFighterWidget = document.createElement('div');

priceFighterWidget.setAttribute('class', 'price-fighter-widget');

roomSelection.prepend(priceFighterWidget);

// Triptease initiate function

function initializeTriptease() {

var cheapestBookableData = configuration.cheapestBookableData && configuration.cheapestBookableData['{{hotel_ticker}}'];

var tw = document.getElementsByClassName("price-fighter-widget")[0];

if (typeof tw !== 'undefined') {

var checkinArr = configuration.startDate.split('-');

var checkoutArr = configuration.endDate.split('-');

var checkin = checkinArr[2]+'-'+checkinArr[1]+'-'+checkinArr[0];

var checkout = checkoutArr[2]+'-'+checkoutArr[1]+'-'+checkoutArr[0];

tw.setAttribute("data-pf-hotelkey", "{{hotelkey}}");

tw.setAttribute("data-pf-checkin", checkin);

tw.setAttribute("data-pf-checkout", checkout);

tw.setAttribute("data-pf-direct-price", cheapestBookableData && cheapestBookableData.cheapestRate);

tw.setAttribute("data-pf-room-rate", cheapestBookableData && cheapestBookableData.accommodationName);

tw.setAttribute("data-pf-adults", configuration.guestList && configuration.guestList.adults);

tw.setAttribute("data-pf-children",configuration.guestList && configuration.guestList.children);

if (configuration.guestList && configuration.guestList.children > 0) {

var childrenAge = configuration.childrenMaxAge || '8';

for (var i = 1; i < configuration.guestList.children; i++) {

childrenAge += ',' + childrenAge.toString();

}

tw.setAttribute("data-pf-children-ages",childrenAge);

}

tw.setAttribute("data-pf-currency", configuration.currency);

tw.setAttribute("data-pf-language", configuration.language);

tw.setAttribute("data-pf-room-type", cheapestBookableData && cheapestBookableData.accommodationName);

tw.setAttribute("data-pf-layout", "in-page");

}

window.addEventListener('wbk_checkedAvailability', function() {

initializeTriptease();

PFConfig.deactivate();

PFConfig.activate();

}, false);

initializeTriptease();

</script>

<script src="https://static.triptease.io/paperboy/paperboy.js?hotelkey={{hotelkey}}"></script>

3) Introduisez le code adapté dans le champ Marquage

4) Configurez les paramètres suivants comme dans la capture d'écran :

Actif : Oui
printOneTime : Non
Position : Avant la fermeture de la balise
Emplacement : Étape 1

5) Une fois sauvegardé, accédez de nouveau à Intégrations>Gestionnaire de balisage et créez un nouveau balisage.

6) Adaptez le code suivant en y insérant le champ Clé de l'hôtel fourni par Triptease :

7) Introduisez le code adapté dans le champ Marquage

8) Configurez les paramètres suivants comme dans la capture d'écran :

Actif : Oui
printOneTime : Oui
Position : Avant la fermeture de la balise
Emplacement : Confirmation

Important : Après avoir effectué la configuration, vous devrez accéder au moteur de réservation et effectuer une réservation de test pour vérifier le bon fonctionnement du système après l'implémentation du widget.