Integración con Price Check de Triptease

Modificado el Jue, 24 Ago, 2023 a 10:47 A. M.

A continuación resumimos los pasos que se deberán llevar a cabo para la integración del widget Price Check de Triptease en el motor de reservas Witbooking:

1) Dirigirse a Integraciones>Mark up Manager.

2) Adaptar el siguiente código introduciendo los campos de Hotel Key y {{hotel_ticker}} que proporciona 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) Introducir el código adaptado en el campo Markup

4) Configurar los siguientes parámetros como en la captura de pantalla:

Activo: Si
printOneTime: No
Posición: Antes del cierre de la etiqueta
Lugar: Paso 1

5) Una vez guardado, dirigirse de nuevo a Integraciones>Mark up manager y crear un nuevo Mark up.

6) Adaptar el siguiente código introduciendo el campo de Hotel Key que proporciona Triptease:

7) Introducir el código adaptado en el campo Markup

8) Configurar los siguientes parámetros como en la captura de pantalla:

Activo: Si
printOneTime: Si
Posición: Antes del cierre de la etiqueta
Lugar: Confirmación

Importante: Después de realizar la configuración, se deberá acceder al motor de reservas y realizar una reserva de prueba para verificar el funcionamiento del sistema tras la implementación del widget.