Voy a empezar una serie de artículos intentando mostrar de manera sencilla como usar y adaptar herramientas 2.0 en las estrategias o acciones de Marketing en hoteles, cadenas hoteleras o empresas relacionadas con el turismo que queramos llevar a cabo, aunque para otros sectores pueden ser fácilmente también adaptables.
Esto no quiere decir que sea lo óptimo para todos y 100% imprescindible, pero son casos prácticos y sencillos que con mínimas nociones de aplicaciones 2.0 y que sin ser ingenieros podemos realizar fácilmente y nos ayuden en el día a día.
Como instalar un formulario que consulte la disponibilidad al Motor de reservas de un hotel en su página de Facebook:
Requisitos:
- Tener una página del hotel o empresa en Facebook y nociones de cómo administrarla
- Nociones de HTML básico (Formularios)
- Parámetros que acepta el motor de reservas de nuestro hotel (url, Fechas, adultos, habitaciones, etc…)
Facebook dispone de una aplicación gratuita que permite el uso del Código FBML (Facebook Markup Language) sirve tanto para desarrollar aplicaciones como para insertar código tipo HTML en las páginas del propio Facebook y así ajustarlas a nuestras necesidades.
Aquí mostraremos como hacer un sencillo formulario de consulta, claro está que es posible hacerlo mucho más complejo o personalizado y también que cada uno deberá de ajustar los id o parámetros de los campos para componer la url según las necesidades de cada motor de reservas, tal y como se haría en la web (en esta caso son de ejemplo).
Lo primero que haremos es buscar la aplicación FBML en el buscador y una vez accedido a ella le indicaremos que la queremos añadir en nuestra página
Una vez añadida iremos a nuestra página y le daremos a la opción de modificar pagina, una vez allí veremos que se ha añadido una nueva aplicación en nuestro panel de gestión de la pagina:
Primero “Configuraremos la aplicación” indicándole que aparezca en los Tab o pestañas de la pagina.
Como segundo paso, pulsaremos en editar, para poder asignarle un Titulo (Nombre que aparecerá en la pestaña, por ejemplo Reservas, y en FBML pegar el código html.
Por ejemplo este codigo html (un sencillo formulario el cual deberéis de ajustar algún parámetro como los id o name de cada campo y la url al motor de reservas para que vuestro motor de reservas acepte los datos que se envien, cada motor tendra sus parametros y configuración los cuales en muchos de los casos le spodeis solicitar que parametros aceptan para el envio de datos):
Copiar y ajustar el código y pegar en la caja FBML:
<form action=”http://www.link-al-motor-de-reservas.com” name=”nombreform” method=get target=”_blank”>
<table width=”720″ border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td width=”100″ style=” text-align:left; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; padding-right:5px;”><strong>Reservas Online</strong>:</td></td>
<td width=”50″ style=”font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; padding-right:5px;”>Fecha</td>
<td width=”70″ style=”font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; padding-right:5px;”>
<input type=”text” name=”checkin” id=”checkin” value=”" maxlength=”10″ style=”width:70px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px;”/>
</td>
<td width=”90″ style=”font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; padding-right:5px; text-align:right;”>Habitaciones</td>
<td width=”45″ style=”font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; padding-right:5px;”>
<select style=”font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px;” name=”rooms“>
<option value=”1″>1</option>
<option value=”2″>2</option>
<option value=”3″>3</option>
<option value=”4″>4</option>
</select></td>
<td width=”44″ style=”font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; padding-right:5px; text-align:right;”>Adultos</td>
<td width=”37″ style=”font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; padding-right:5px;”>
<select style=”font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px;” name=”adults“>
<option value=”1″>1</option>
<option value=”2″>2</option>
<option value=”3″>3</option>
</select></td>
<td width=”55″ style=”font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; padding-right:5px; text-align:right;”>Niños</td>
<td width=”45″ style=”font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; padding-right:5px;”>
<select style=”font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px;” name=”children“>
<option value=”0″>0</option>
<option value=”1″>1</option>
<option value=”2″>2</option>
<option value=”3″>3</option>
<option value=”4″>4</option>
</select></td>
<td width=”114″ style=”text-align:right;”><input name=”Ver” type=”submit” id=”Ver” style=”vertical-align:middle” title=”Disponibilidad” value=”Disponibilidad” alt=”Disponibilidad” /></td>
</tr>
</table>
Y guardaremos las modificaciones realizadas.
Una vez realizado esto podremos ver que aparece una nueva pestaña en nuestra página llamada Reservas:
Y en ella aparecerá nuestro sencillo formulario para consultas hacia nuestro motor de reservas (La fecha debe introducirse manualmente al no permitir la ejecución de Javascript por el momento):
Como os decía, esto permite ya múltiples opciones de personalización, colores, imágenes, etc… Insertar ofertas, registros a newsletters, imágenes, banners y un largo etc…
Aquí tenéis información de FBML para poder probar y mejorar vuestro código:
Espero os sirva de ayuda.
Hola Jordi, solo agradecerte un post tan sencillo y claro….
Lo probaré y te cuento!!
Es una gran ayuda, sobre todo para gente dentro del sector turístico a menor escala y con recursos más limitados!
Gracias otra vez!!
Buen finde