¿Cómo integrar el motor de reservas de Smoobu en tu sitio web externo?

Integra el motor de reservas en tu sitio externo (Wordpress, Wix u otro)

Todos los bloques (CMS) se basan en códigos HTML y CSS. Usamos HTML para la integración. Para integrarlo en tu propio sitio web tiene dos opciones.

A) Enlace al motor de reservas 

Este tipo de integración se utiliza cuando deseas crear un botón en tu página, por ejemplo, un botón  de 'Reserva ahora' y vincularlo al motor de reservas de Smoobu. Esto abrirá una página externa. Utiliza el enlace al motor de reservas y puedes redirigir a tus huéspedes potenciales a una nueva pestaña para realizar la reserva directa. Este enlace lo puedes crear a través de un botón, una foto o cualquier elemento que hayas creado en tu página web externa.

Mira un ejemplo en nuestro usuario a continuación:   Gipfelstuermer-winterberg.de . Fíjate el botón que ha creado este usuario en su página. Es un botón color naranja, que dice "¡ Jetzt buchen  !" (En alemán, "Reserva ahora").

Volviendo a Smoobu, el código para búsqueda general es para la consulta de entre todas tus propiedades y se mostrarán en los resultado aquellas que estén disponibles después de establecer los filtros de: "Llegada", "Salida", "Personas".

El código para búsqueda individual, como su nombre lo indica, solo se refiere a una propiedad. 

¿Cómo obtener los enlaces?

A1) Enlace a la búsqueda general (todas las propiedades incluidas). Ajustes - Motor de reservas - Incrustar en sitio web. Haz clic en "Vista previa" y copia el enlace de la URL. Ejemplo: https://booking.smoobu.com/berlinvillas

A2) Enlace a la búsqueda individual (propiedades individuales). Tendrás que componer el enlace de la siguiente manera:

https://booking.smoobu.com/yourbookingenginename + apartmentId= + número de identificación de la propiedad individual

Ejemplo: https://booking.smoobu.com/berlinvillas?apartmentId=427153

https://booking.smoobu.com/berlinvillas?apartmentId=427153

¿De dónde sacar el propertyID? Ajustes - Para desarrolladores.

¿Cómo obtener el enlace?

A1) Enlace a Búsqueda general (todas las propiedades incluidas). Ajustes- Motor de reservas - Incrustar en tu sitio web externo. Haz clic en 'Vista previa' y copia el enlace de la URL. Ejemplo:  https://booking.smoobu.com/sunnyhouses  

A2) Enlace a Búsqueda individual (propiedades individuales).

https://booking.smoobu.com/tumotordereservas + ?apartmentId= + númerodeindividualpropertyID

Ejemplo: https://booking.smoobu.com/berlinvillas?apartmentId=427153

https://booking.smoobu.com/berlinvillas?apartmentId=427153

¿De dónde sacar el propertyID? Lo encuentras en Smoobu Ajustes - Para desarrolladores.

Si necesitas ayuda, escríbenos a [e-mail].

B) Integración directa en sitio web

Si deseas integrar el motor de reservas en tu sitio web sin que el huésped tenga que abrir una nueva pestaña de navegación, usa el código HTML (iframe) para la integración dentro de tu sitio web. Visita el sitio web de nuestro usuario de Hawaii Volcano Vacations y comprenderás cómo es la consulta general de las propiedades y la reserva individual.

Además, puedes cambiar la opacidad / transparencia del fondo en la parte inferior de la página del motor de reservas.

Copia el código y pégalo dentro del HTML de tu sitio web externo. Si un diseñador web ha creado tu sitio, es posible que debas pedirle que lo haga por tí. Una vez que hayas decidido dónde te gustaría integrar el código, solo te tomará unos minutos completar la tarea. 

¿Cómo obtener el código HTML? 

B1) Iframe de búsqueda general (todas las propiedades incluidas). Ajustes- Motor de reservas - Incrustar en tu sitio web externo - Copiar este código y pegarlo dentro de tu página web.

Ejemplo de código:  <div id = "booking-tool-container-allApartments">
<script type = "text / javascript" src = "https://login.smoobu.com/js/Settings/BookingToolIframe.js"> </ script>
<script> BookingToolIframe.initialize ({"url": "https://login.smoobu.com/en/booking-tool/iframe/12532", "baseUrl": "https://login.smoobu.com "," target ":" # booking-tool-container-allApartments "}) </script>
</div>

B2) Iframe de búsqueda individual (propiedades individuales) . Ajustes- Motor de reservas - Incrustar en tu sitio web externo - Propiedades individuales.

Selecciona la propiedad, copia el código html y pégalo dentro del código de tu web. 

 Ejemplo de código:  <div id = "booking-tool-container-apartment66317">
<script type = "text / javascript" src = "https://login.smoobu.com/js/Settings/BookingToolIframe.js"> </ script>
<script> BookingToolIframe.initialize ({"url": "https://login.smoobu.com/en/booking-tool/iframe/12532/66317", "baseUrl": "https: //login.smoobu .com "," target ":" # booking-tool-container-apartment66317 "}) </script>
</div>

¡Gracias por leernos! Por favor recuerda también:

- Ajusta la configuración de tu motor de reservas 
- Ingresa tus precios y restricciones de mínima estancia