Reservas de mesas em Squarespace

As opções do próprio Squarespace

O Squarespace tem um produto de marcações pensado para salões e consultores. Marca uma pessoa para um horário, o que não é como funciona um restaurante: tem vinte mesas de tamanhos diferentes, tempos de rotação que dependem da dimensão do grupo e uma cozinha que não consegue sentar toda a gente às 19:30. O outro caminho que os utilizadores do Squarespace seguem é o widget de uma plataforma marketplace, que traz taxas por cliente e uma subscrição mensal. Veja a nossa comparação com o OpenTable para saber o que isso custa.

O Tablez é construído em torno de mesas, tempos de rotação e ritmo de reservas, e é grátis até 60 reservas por mês, depois £9.99 por mês, sem taxas por coberto.

Adicionar o formulário de reservas a uma página

1. Abra a página no editor e clique em Editar.
2. Adicione um bloco onde quer o formulário e escolha Código.
3. Deixe o tipo definido como HTML e cole o seu código de integração:

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

4. Clique em Aplicar e depois em Guardar.

O formulário aparece no bloco e cresce para se ajustar à medida que os clientes avançam. Os blocos de código estão disponíveis em todos os planos atuais do Squarespace. Se estiver num plano muito antigo que não os tem, use o bloco Embed com a versão iframe da página do widget.

Um botão “Reservar mesa” no cabeçalho

A maioria dos restaurantes quer um botão na navegação em vez de um formulário escondido numa página. O mais simples é adicionar um botão de cabeçalho em Estilos do site, ou uma ligação de navegação, que aponte para a sua página de reservas em https://tablez.uk/book/your-venue. Defina-o para abrir num novo separador. Não precisa de código e também funciona nos menus de telemóvel.

Se preferir que o botão abra o formulário numa janela sobreposta à sua página, cole a versão de botão do script num bloco de código no rodapé ou na 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>

Mude a cor para combinar com o seu site. Para fazer um botão Squarespace existente abrir a janela sobreposta, teria de lhe dar a classe tablez-open, que o Squarespace não permite nos seus próprios botões, por isso o botão gerado ou uma ligação simples são as opções práticas.

Para combinar com o seu site

No painel do Tablez defina uma cor de destaque e carregue o seu logótipo. O formulário usa-os. Tem fundo transparente, por isso assume a cor da secção onde está. Se o seu site usa uma secção escura, ponha o formulário numa clara; foi pensado para fundos claros.

Fluid Engine e disposição para telemóvel

No Fluid Engine (Squarespace 7.1), um bloco de código pode ser redimensionado livremente. Dê-lhe a largura total da secção no telemóvel, e cerca de 600px no computador, para o formulário não ficar apertado. Verifique a vista de telemóvel no editor: o formulário é pensado primeiro para telemóvel e deve ficar bem sem ajustes.

O que vigiar

• Não cole o código num bloco de Texto. Vai aparecer como texto. Tem de ser um bloco de Código.
• O Code injection do Squarespace (nas definições) serve para scripts em todo o site. Pode pôr aí o script do botão para ter um botão em todas as páginas, mas para um formulário numa só página use um bloco de código.
• Se usa o aviso de cookies do Squarespace em modo estrito, a integração não é afetada, porque não define cookies no seu domínio.