Widget de reservas
Añada un widget de reservas a su web
Una línea de código pone un formulario de reservas que funciona en cualquier página. O un botón que lo abre en una ventana superpuesta. O simplemente un enlace. Sin plugin, sin desarrollador, sin cuota mensual por el widget. Está incluido en todos los planes de Tablez, incluido el gratuito.
Watch: Add Tablez to your website
Put a booking page or a Book a table button on WordPress, Wix, Squarespace or any website. 2 min
Pruébelo
Elija un estilo y copie el código
Escriba el slug de su local (la última parte de su enlace de reservas) y el código se actualiza. El local de la demo es demo-arms.
Pegue esto donde quiera que aparezca el formulario de reservas. Crece para ajustarse y se adapta al ancho de su página.
<script src="https://tablez.uk/embed.js" data-venue="your-venue"></script>Añade un botón “Reservar mesa” con el color de su marca. Al pulsarlo se abre la página de reservas en una ventana superpuesta. Puede cambiar el texto y el color si lo desea.
<script src="https://tablez.uk/embed.js" data-venue="your-venue" data-mode="button" data-label="Book a table" data-colour="#0f5c4c"></script>Cualquier botón o enlace existente también puede abrir la ventana superpuesta. Dele la clase tablez-open y un atributo data-venue, y cargue el script una sola vez en cualquier parte de la página.
Para creadores de páginas que solo permiten un iframe. Ajuste la altura; 760 px cabe el formulario completo en la mayoría de las pantallas.
<iframe src="https://tablez.uk/book/your-venue?embed=1" title="Book a table" style="width:100%;height:760px;border:0"></iframe>Sin ningún cambio en su web. Úselo en cualquier sitio: cartas, Google, Instagram, firmas de correo. Su local también tiene su propia dirección corta, como yourpub.tablez.uk en Standard y superiores (un código aleatorio como 5434.tablez.uk en el plan gratuito), que lleva a la misma página y es más fácil de decir en voz alta.
https://tablez.uk/book/your-venue¿Qué estilo debería usar?
Integrado es lo mejor si tiene una página “Reservar” o una sección libre en su página de inicio. El formulario queda dentro de la página, se ajusta solo de tamaño a medida que el cliente avanza y parece parte de su web. Botón es lo mejor si no quiere cambiar su diseño: pone un botón donde pegue el script y el formulario se abre sobre la página. Iframe es para los creadores de webs que eliminan scripts pero permiten incrustaciones. Enlace es para todo lo demás.
Los cuatro llevan a la misma página de reservas, así que el cliente tiene exactamente la misma experiencia llegue como llegue. Puede usar varios a la vez, por ejemplo integrado en su página de reservas y un botón en la cabecera.
Cómo funciona por dentro
El script crea un iframe que apunta a su página de reservas en modo incrustado, que oculta la cabecera y el pie y usa un fondo transparente. La página de reservas informa a la página principal de su altura a medida que el cliente avanza, así que nunca hay una barra de desplazamiento dentro de otra. No se toca nada más de su página. El script pesa menos de 4KB, carga después de su contenido y no instala cookies en su web.
Como el formulario funciona en tablez.uk, nunca maneja datos de clientes en su propia web ni tiene que actualizar nada cuando mejoramos la página de reservas. Su código de inserción se queda igual para siempre.
¿Funciona con mi creador de páginas web?
Sí, si le permite pegar HTML. Eso es casi todo:
- WordPress: pegue en un bloque de HTML personalizado. No hace falta plugin.
- Squarespace: un bloque de código en cualquier página.
- Wix: un elemento Embed HTML, o un botón que enlaza con su página.
- Shopify: una sección Custom Liquid o una página en vista HTML.
- Webflow, GoDaddy, Weebly, Jimdo, Carrd, Framer: su elemento de widget o HTML.
- HTML sencillo que alguien hizo hace años: péguelo en un editor de texto y súbalo.
Google Sites y algunos creadores gratuitos eliminan los scripts. Use ahí el iframe o el enlace.
Para que se parezca a su marca
En su panel de control de Tablez, fije un color de marca y suba un logotipo. El formulario insertado los usa. La página de reservas tiene muy poco estilo propio aparte de eso, así que encaja bien tanto en webs claras como oscuras. Si quiere que el botón “Reservar mesa” coincida exactamente con los botones de su web, prescinda del botón generado y use la clase tablez-open en uno de los suyos.
Móvil
El formulario está pensado primero para móviles, que es donde se hacen la mayoría de las reservas. Integrado en la página, ocupa todo el ancho de la pantalla del móvil. La ventana superpuesta del botón llena la pantalla en un móvil y aparece en un panel centrado en un ordenador. Pruébelo en su propio móvil tras añadirlo; la demo en directo muestra qué esperar.
Preguntas frecuentes
Preguntas sobre el widget
¿Es gratis el widget?
Sí, en todos los planes, incluido el gratuito. Es parte del producto, no un extra.
¿Dónde encuentro el slug de mi local?
En su panel de control, en Página de reservas. Es la última parte de su enlace de reservas, por ejemplo the-old-mill en tablez.uk/book/the-old-mill. Su local también tiene su propio subdominio, como the-old-mill.tablez.uk en Standard y superior, con un código QR y un cartel listos para imprimir en el panel.
¿Ralentizará mi web?
No. El script es diminuto y se carga después de su página. El formulario se carga dentro de su propio marco y no bloquea nada de su página.
¿Muestra “Con tecnología de Tablez”?
En el plan gratuito aparece una pequeña línea al pie del formulario. En Standard y Pro se elimina.
¿Puedo ponerlo en más de una página o web?
Sí, todas las que quiera. El mismo código en todas partes.
¿Y si mi web es HTTPS y la suya no, o al revés?
Tablez es solo HTTPS, y el widget funciona tanto en webs HTTP como HTTPS. Si su web sigue siendo HTTP, conviene arreglarlo de todos modos.
Obtenga su código de inserción
Regístrese gratis, añada sus mesas y su código le estará esperando en el panel de control.
Empezar gratis