Disponibilidad en directo
Las horas se recargan cada vez que el cliente cambia la fecha, los comensales o la sala, y la reserva se vuelve a comprobar al pulsar Reservar.
Widget de reservas
Un widget de reservas para la web de tu restaurante
Tus clientes reservan en tres pasos sin salir de tu web. Cada hora que ven ya está comprobada con tu horario, tu aforo y tus mesas.
Pruébalo
Reserva una mesa como lo harán tus clientes
Una copia funcional del widget con datos de ejemplo. Elige un día, los comensales y una hora, rellena los datos y mira cómo llega el evento booked.
Demo interactiva
El widget interactivo necesita JavaScript. Los clientes eligen fecha, comensales y hora, rellenan sus datos y reciben una confirmación con un localizador.
Lo que ve el cliente
Tres pasos, sin crear ninguna cuenta
-
Fecha y hora
Un calendario en el idioma del cliente con los días cerrados desactivados, comensales hasta tu máximo, una sala opcional y las horas del día. Las horas completas salen en gris y la primera libre viene seleccionada.
-
Datos
Nombre, email, teléfono y notas para alergias, una mesa sin escalones o una celebración, además de la casilla de términos. El reCAPTCHA invisible funciona en segundo plano.
-
Confirmación
Un mensaje de éxito con el nombre, los comensales, la fecha, la hora y el localizador. El email de confirmación ya va de camino.
Detalles que marcan la diferencia
Pequeños detalles que convierten visitas en reservas
Errores claros
Si una regla bloquea la reserva, el cliente ve por qué, por ejemplo que esa hora acaba de llenarse, y puede elegir otra.
Tu color
Los botones, los días y las horas seleccionadas usan el color de marca que elijas con un atributo.
Sin choques de estilos
El widget se dibuja en su propio Shadow DOM, así que los estilos de tu web no pueden romperlo y él no puede romper tu web.
Sin spam
reCAPTCHA invisible y una casilla de términos obligatoria. Donde google.com está bloqueado, reCAPTCHA se carga desde recaptcha.net.
Listo para tu analítica
Con cada reserva completada se lanza el evento del navegador booked con el localizador, listo para medir conversiones.
Para tu web
Añádelo con una sola etiqueta
Pega esto donde quieras que aparezca el widget, cambiando tu-local y el ID del producto.
HTML
<script src="https://tu-local.bookanty.com/static/js/widget.js" defer></script>
<bookanty-booking
product-id="1"
origin="https://tu-local.bookanty.com"
lang="es"
primary="#2D6263"
step="30">
</bookanty-booking>| Atributo | Por defecto | Para qué sirve |
|---|---|---|
product-id | Obligatorio | El producto que se reserva. |
origin | La dirección de la propia página | La dirección de Bookanty de tu local. Necesaria cuando el widget está en tu propio dominio. |
lang | en | El idioma del widget y de su calendario, con un código de idioma como es o en. |
lang-path | El mismo que lang | El idioma de las direcciones de Bookanty. También fija el idioma del email de confirmación. |
primary | #2E7D32 | El color de tu marca para botones y selecciones. |
step | 30 | Minutos entre las horas que se ofrecen. |
debug | Desactivado | Con 1 escribe mensajes de diagnóstico en la consola del navegador. |
Mide cada reserva
Escucha el evento booked para registrar una conversión:
JavaScript
document.querySelector("bookanty-booking").addEventListener("booked", (event) => {
// event.detail es { ok: true, locator: "3A7QJ2KL9X" }
});
Antes de ponerlo en marcha
Pide al equipo de Bookanty que añada la dirección de tu web a los orígenes autorizados y a los dominios de la clave de reCAPTCHA. Hasta entonces, el widget no puede cargarse ni enviar reservas desde tu web.
¿Sin web? Sin problema
Una página de reservas para cada producto
Cada producto tiene su propia página de reservas en tu dirección de Bookanty. Compártela en tu ficha de Google, en Instagram, por WhatsApp o con un código QR en la mesa.
- Un pase de fotos a pantalla completa con tus propias imágenes.
- Selector de fecha, comensales, horas en directo, casilla de términos y reCAPTCHA.
- Paneles para la carta, los términos y condiciones, la política de privacidad y la ubicación.
- Una carta ampliada opcional con hasta tres galerías de fotos.
- Selector de idioma, aviso de cookies y página de confirmación.
Emails de confirmación, en el idioma del cliente
En cuanto se confirma una reserva online, el cliente recibe un email con todo lo que necesita.
- El nombre del cliente, el local, la fecha y la hora, los comensales y el localizador.
- En el mismo idioma en el que reservó el cliente.
- Plantillas que se pueden reescribir sin publicar una nueva versión del software.
- Se registran las aperturas y los clics.
- Una copia de cada reserva online nueva puede llegar al email de reservas de tu local.
Preguntas frecuentes
Preguntas sobre el widget de reservas
¿El widget chocará con el diseño de mi web?
No. El widget se dibuja dentro de su propio Shadow DOM, así que los estilos de tu web no pueden romperlo y él no puede romper tu web. El color de tu marca se elige con un atributo.
¿Necesito un programador para añadir el widget de reservas?
Si puedes pegar HTML en tu web, puedes añadirlo: un script y una etiqueta. Antes de ponerlo en marcha, el equipo de Bookanty añade la dirección de tu web a la lista autorizada.
¿Pueden reservar los clientes en su idioma?
Sí. Pon en lang el código del idioma del cliente, como en para inglés, y el widget, su calendario y el email de confirmación salen en ese idioma.
¿Puedo medir las reservas en mi analítica?
Sí. Cuando una reserva se completa, el widget lanza el evento del navegador booked con el localizador. Escúchalo y registra una conversión en tu herramienta de analítica.
¿Puedo aceptar reservas para distintos productos?
Sí. Cada producto, como la cena o un menú degustación, tiene su propio ID. Indica product-id para elegir qué reserva el widget.
Empieza a recibir reservas en tu web
Prueba Bookanty gratis durante 6 meses, sin compromiso y sin nada que instalar.