Muestra tu calendario de disponibilidad en tu web (Calendario iFrame)

Con el Calendario iFrame incrustas un pequeño calendario de disponibilidad en tu propia web: los visitantes ven qué fechas están libres y cuáles ocupadas, directamente desde tu Calendario de Smoobu. Copias un bloque corto de código de Smoobu y lo pegas en tu web. Los huéspedes no pueden reservar a través de este calendario; es una vista, no un formulario de reserva.

Antes de empezar

Necesitas estas dos cosas antes de incrustar el calendario:

• Una web donde puedas pegar un bloque de código HTML. La mayoría de los sistemas de web ofrecen un elemento de «HTML personalizado» o «incrustar código» para esto.
• Tu propiedad configurada en Smoobu. Cada propiedad tiene su propio código de calendario.

El calendario solo muestra disponibilidad

El widget muestra las fechas libres y bloqueadas. No muestra precios, y los huéspedes no pueden seleccionar fechas ni completar una reserva en él. Va bien para anfitriones que reciben reservas a través de su propio formulario de consulta o por correo y quieren que los visitantes vean la disponibilidad de un vistazo. Para que los huéspedes reserven y paguen en tu web, usa el Motor de reservas: mira Cómo añadir el motor de reservas a tu sitio web. Puedes usar los dos, con el calendario como vista rápida de disponibilidad junto a tu opción de reserva o de contacto.

Pasos

1. En Smoobu, ve a Avanzado > Calendario iFrame.
2. Elige el idioma del calendario. Hay diez idiomas disponibles (alemán, inglés, italiano, francés, español, neerlandés, griego, portugués, ruso, polaco). La página muestra entonces el código de cada propiedad en ese idioma.
3. Busca la fila de tu propiedad. Cada propiedad ofrece dos versiones de código, una al lado de la otra: Por defecto, un widget que se carga por JavaScript y admite un nuevo estilo, y iFrame, un marco ya hecho que se adapta a la pantalla (un diseño compacto de 280 por 540 píxeles en el móvil, uno más ancho de 1000 por 600 píxeles en pantallas grandes) pero no admite cambios de estilo.
4. Copia el código de la versión que quieras.
5. Pégalo en el HTML de tu web, en el punto donde debe aparecer el calendario, y luego guarda y publica la página en tu sistema de web.
6. Para mostrar calendarios de más propiedades, copia el código propio de cada una y pégalo en la página donde corresponda.

Comprueba que funcionó

Abre la página en tu web: el calendario se muestra y coincide con tu Calendario de Smoobu. Para confirmar que se actualiza, bloquea una fecha en tu Calendario de Smoobu, espera un rato a que se sincronice y recarga la página en tu web; la fecha debería mostrarse también ahí como no disponible.

Problemas frecuentes

Los huéspedes dicen que no pueden seleccionar fechas ni reservar en el calendario

Así funciona este widget: es solo de visualización, así que no hay selección de fechas ni pago. No está roto. Para que los huéspedes elijan fechas y reserven directamente en tu web, incrusta el Motor de reservas: mira Cómo añadir el motor de reservas a tu sitio web. Muchos anfitriones mantienen el calendario de disponibilidad en una página y el Motor de reservas en su página de reserva.

El diseño del calendario no encaja con mi web

La versión iFrame no admite cambios de estilo: se redimensiona sola para caber en la pantalla, pero siempre usa el aspecto estándar de Smoobu. La versión Por defecto sí se puede personalizar. Su código lleva data-disable-css="false"; cambia ese valor a true para apagar el estilo integrado de Smoobu y aplicar tu propio CSS. Esta parte es cosa de diseñadores web, y el cambio se hace en el código pegado en tu web, no en Smoobu. Sin ese cambio, el calendario mantiene el aspecto estándar de Smoobu.

Artículos relacionados

• Motor de reservas, Creador de sitios web y Calendario iFrame: para qué sirve cada uno
• Cómo añadir el motor de reservas a tu sitio web
• ¿Cómo configuro mi motor de reservas?

¿Sigues bloqueado?

Si estos pasos no lo han solucionado, contacta con el equipo de Smoobu: abre el menú Ayuda para abrir un ticket o reservar una franja de llamada, o usa la burbuja de chat de la esquina inferior derecha. Para obtener la respuesta más rápida, incluye:

• Tu Smoobu User ID (en el menú del icono de perfil, arriba a la derecha).
• El nombre o ID del alojamiento, si es sobre un alojamiento concreto.
• El Booking ID, si es sobre una reserva concreta (Reservas, luego Ver más).
• El nombre del portal, si es sobre sincronización de portal (Booking.com, Airbnb, Vrbo, etc.).
• Un breve paso a paso: qué hiciste, qué esperabas y qué pasó.
• Capturas de pantalla o una breve grabación de pantalla del problema.
• Tu navegador y sistema operativo, si algo se ve mal en pantalla.