1. Incluir el script del widget
2. Crear un div donde se cargará el widget y darle el tamaño adecuado a su página web
| data-company | id del ESTABLECIMIENTO en al central de reservas |
| data-reseller |
id del MULTIESTABLECIMIENTO en la central de reservas |
| data-language |
Cod. Iso del idioma en el que se cargará el widget. Si no se envía, por defecto será Ingles Valores Disponibles: en = ingles es = español fr = francés it = italiano de = alemán ro = rumano ru = ruso pt = portugues eu = euskara ca = catalán |
| data-type |
Tipo de calendario. Si no se envía, se muestar el calendario directamente y el botón reservar. Valores Disponibles: button = se muestra un botón que lanza el calendario input = se muestra un input tipo text que lanza el calendario inline = se muestar el calendario directamente |
| data-target |
ID del div en que se debe cargar el widget. Si no se envía, se intentará cargar en el div por defecto id="calendar". |
| data-color |
color en que se quieren mostrar los botones. debe ser en formato hexadecimal sin la # del principio. Si no se envía, el color por defecto será el gris. |
| data-theme |
Permite elegir entre los diseños por defecto de JqueryUI. Puede ver los temas disponibles para JqueryUI en https://jqueryui.com/themeroller/ El valor enviado debe ser el nombre del tema en minusculas y sin espacios. Si no se envía, el tema por defecto sera 'white'. Ejemplos lefrog = Carga el tema 'Le Forg' southstreet = Carga el tema 'South Street' |
| data-style |
Permite no cargar la hoja de estilos del calendario. Si ya tiene cargados y daptados los de jqueryUI en su página, debera enviar esta opcion. Valores disponibles none = evita la carga de la hoja de estilos |
| data-openbooking |
Como se abrirá la páginapara hacer la reserva al clickar en el boton reservar. Si no se envía, será '_blank' (nueva pestaña) por defecto. Valores disponibles _blank = nueva pestaña _self = misma pestaña |
Los siguientes parámetros sólo se deben usar si está seguro de lo que hace. Una configuración erronea de los siguientes parámetros no garantizará que se realicen las reservas correctamente.
QUEDARÁ UNICAMENTE BAJO SU RESPONSABILIDAD GARANTIZAR ANTE EL CLIENTE QUE EL PROCESO DE RESERVA ES CORRECTO.
| data-altbookingpage |
Página alternativa a la central de reservas donde se enviará al cliente
a hacer la reserva. Útil si tiene una página propia en la web para hacer la reserva o se carga su página por defecto del motor de reservas en un iframe de su web. Si no se envía, el cliente ira a su página por defecto del motor de reservas . La ULR debe ser sin 'https://'. Ejemplo: www.su_dominio.com/mi_pagina_de_reservas.php El paso de paremetros está soportado sustituyendo los caracteres '?', '=', '&' por los siguientes valores: ? -> %3F & -> %26 = -> %3D |
Copie y pegue el siguiente código en su página web.
Después sustituya 'XXXX' del parámetro 'company' por el id de su motor de reservas y configure el resto de parámetros a su gusto.
<!-- 1. carga del script -->
<script type="text/javascript" id="rda-calendar" src="https://www.reservasporinternet.com/webmaster/widget/calendar/hotel-business/hotel-business-calendar.js" data-company="XXXX" data-target="calendar" data-language="es" data-type="inline" data-color="345678"></script>
<!-- 2.1. Estilos de ejemplo para el div contenedor del widget -->
<style type="text/css">
#calendar { width: 100%; max-width: 300px; height: auto; }
</style>
<!-- 2.2. Div contenedor del Widget -->
<div id="calendar"></div>