Reservas de mesa en Squarespace

Las opciones propias de Squarespace

Squarespace tiene un producto de citas pensado para salones y consultores. Reserva a una persona para un hueco, y así no funciona un restaurante: tiene veinte mesas de distintos tamaños, tiempos de ocupación que dependen del tamaño del grupo y una cocina que no puede sentar a todos a las 19:30. La otra vía que siguen los usuarios de Squarespace es el widget de una plataforma marketplace, que trae comisiones por comensal y una suscripción mensual. Consulte nuestra comparación con OpenTable para ver lo que cuesta.

Tablez está construido en torno a las mesas, los tiempos de ocupación y el ritmo, y es gratis hasta 60 reservas al mes, y después £9.99 al mes, sin comisiones por comensal.

Añadir el formulario de reservas a una página

1. Abra la página en el editor y pulse Editar.
2. Añada un bloque donde quiera el formulario y elija Código.
3. Deje el tipo en HTML y pegue su código de inserción:

<script src="https://tablez.uk/embed.js" data-venue="your-venue"></script>

4. Pulse Aplicar y luego Guardar.

El formulario aparece en el bloque y crece para ajustarse a medida que los clientes avanzan. Los bloques de código están disponibles en todos los planes actuales de Squarespace. Si tiene un plan muy antiguo que no los incluye, use el bloque Embed con la versión con iframe de la página del widget.

Un botón “Reservar mesa” en la cabecera

La mayoría de los restaurantes prefieren un botón en la navegación a un formulario enterrado en una página. La forma más sencilla es añadir un botón en la cabecera desde Estilos del sitio, o un enlace de navegación, que apunte a su página de reservas en https://tablez.uk/book/your-venue. Configúrelo para que se abra en una pestaña nueva. No requiere código y funciona también en los menús móviles.

Si prefiere que el botón abra el formulario en una ventana superpuesta sobre su página, pegue la versión de botón del script en un bloque de código en el pie de página o en la propia página:

<script src="https://tablez.uk/embed.js" data-venue="your-venue" data-mode="button" data-label="Book a table" data-colour="#0f5c4c"></script>

Cambie el color para que coincida con su web. Para que un botón existente de Squarespace abra la ventana superpuesta tendría que darle la clase tablez-open, que Squarespace no permite en sus propios botones, así que lo práctico es usar el botón generado o un enlace sencillo.

Para que combine con su web

En su panel de control de Tablez fije un color de marca y suba su logotipo. El formulario los usa. Tiene fondo transparente, así que toma el color de la sección donde esté. Si su web usa una sección oscura, ponga el formulario en una clara; está diseñado para fondos claros.

Fluid Engine y diseño para móvil

En Fluid Engine (Squarespace 7.1), un bloque de código se puede redimensionar libremente. Dele todo el ancho de la sección en móvil y unos 600 px en ordenador, para que el formulario no quede apretado. Revise la vista móvil en el editor: el formulario está pensado primero para móvil y debería verse bien sin retoques.

Cosas a vigilar

• No pegue el código en un bloque de texto. Se mostraría como texto. Tiene que ser un bloque de código.
• La Code injection de Squarespace (en ajustes) es para scripts de toda la web. Puede poner ahí el script del botón para tener un botón en todas las páginas, pero para un formulario en una sola página use un bloque de código.
• Si usa el banner de cookies de Squarespace en modo estricto, el widget no se ve afectado, porque no instala ninguna cookie en su dominio.