Instrucciones para instalar el motor de reservas Sybelio en su

Instrucciones para instalar el motor de reservas Sybelio en su página de Facebook
1) Instalar la aplicación que le permitirá introducir el código necesario para que se vea un enlace,
botón, o selectores de fecha para realizar una búsqueda en su motor de reservas.
Debe estar identificado como administrador de su página en Facebook e instalar el programa desde
el siguiente enlace :
https://www.facebook.com/apps/application.php?id=190322544333196 y directamente haciendo
click en “Ir a la aplicación” podrás instalarla seleccionando la página de fans en la que quiere
hacerlo.
2) Una vez instalada ir a “Editar la página”, pinchar en “aplicaciones” y buscar “Static HTML:
iframe tabs”.
Lo primero que vamos a hacer es cambiar el nombre de la pestaña para poderlo personalizar y para
ello hacemos click en “Editar configuración” y se abrirá una nueva ventana desde donde podrá
cambiar el nombre de la pestaña:
Una vez seleccionado ya el nombre volvemos al muro de nuestra página y podremos ver en la zona
de pestañas que ya aparece la nueva pestaña con el nombre que le hemos dado:
Si hacemos click sobre ella podremos ya insertar el código HTML que queremos que aparezca, y
además nos permite la opción de mostrar contenido diferente a los fans de los no fans, una opción
muy interesante:
3) A continuación proporcionamos el código a introducir dependiendo del tipo de botón de reservas
que queramos mostrar en nuestra página:

El código para insertar el botón de “Búsqueda de disponibilidad” es el siguiente:
<input type="button"
onclick="window.open('http://www.sybelio.com/indexs.php?jump=sybelio&tipo_motor=1&id_prop
ietario=ID_HOTEL&idioma=spanish','sybelio','width=825,height=600,scrollbars=yes,resizable=yes
,status=yes,menubar=no,location=no');" value="Buscar Disponibilidad">

El código para insertar el enlace de “Búsqueda de disponibilidad” es el siguiente:
<a href="#"
onclick="window.open('http://www.sybelio.com/indexs.php?jump=sybelio&tipo_motor=1&id_prop
ietario=ID_HOTEL&idioma=spanish','sybelio','width=825,height=600,scrollbars=yes,resizable=yes
,status=yes,menubar=no,location=no');return false">Buscar Disponibilidad</a>

El código para insertar la lanzadera de Sybelio es el siguiente (mostrará dos calendarios para
seleccionar las fechas de entrada y salida y un botón de buscar):
<link rel="stylesheet"
href="http://www.sybelio.com/v5/libreria_sybelio/estilos_calendario/demo.css" type="text/css"
media="screen">
<link rel="stylesheet" type="text/css" media="screen"
href="http://www.sybelio.com/v5/libreria_sybelio/estilos_calendario/datePicker.css">
<script type="text/javascript" src="http://www.sybelio.com/v5/libreria_sybelio/js/jquery1.2.6.min.js"></script>
<script type="text/javascript" src="http://www.sybelio.com/v5/libreria_sybelio/js/date.js"></script>
<script type="text/javascript"
src="http://www.sybelio.com/v5/libreria_sybelio/js/calendario.js"></script>
<script type="text/javascript"
src="http://www.sybelio.com/v5/libreria_sybelio/js/control_calendario.js"></script>
<form name="form_reserva" action="http://www.sybelio.com/indexs.php?jump=sybelio"
target="sybelio"
onsubmit="window.open('','sybelio','width=825,height=600,scrollbars=yes,resizable=yes,status=yes
,menubar=no,location=no');" method="post">
<table width="500" align="center" border="0">
<input name="idioma" value="spanish" type="hidden">
<input id="tipo_motor" name="tipo_motor" value="1" type="hidden">
<input id="id_propietario" name="id_propietario" value="ID_HOTEL" type="hidden">
<tr>
<td width="115" align="left">  Fecha de entrada:</td>
<td width="150"><input name="fecha_ini" id="fecha_ini" size="13" readonly
maxlength="10" class="date-pick dp-applied" value="" type="text">
</td>
</tr>
<tr>
<td>  Fecha salida:</td>
<td><input name="fecha_fin" id="fecha_fin" size="13" readonly maxlength="10"
class="date-pick dp-applied" value="" type="text">
</td>
</tr>
<tr align="right">
<td align="left"><p><input name="ss" id="button" value=" Buscar disponibilidad"
type="submit"></p>
</td>
</tr>
</table>
</form>
Importante!
En los tres tipos de códigos verá un texto con el nombre “ID_HOTEL” que deberá sustituir por el
código de su hotel (lo encontrará entrando en nuestro programa menú Hotel -> Datos generales) .
Una vez finalizado, se le pulsa el botón “Guardar y ver pestaña” y podrán ver el resultado entrando
en
 Ver la página como No fan.
 Ver tu pestaña como fan.