Widget de reservas
Adicione um widget de reservas ao seu site
Uma linha de código põe um formulário de reservas a funcionar em qualquer página. Ou um botão que o abre numa janela sobreposta. Ou apenas uma ligação. Sem plugin, sem programador, sem taxa mensal pelo widget. Está incluído em todos os planos do Tablez, incluindo o Grátis.
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
Experimente
Escolha um estilo e copie o código
Escreva o identificador do seu estabelecimento (a última parte da sua ligação de reservas) e o código atualiza-se. O estabelecimento da demonstração é demo-arms.
Cole isto onde quer que o formulário de reservas apareça. Cresce para se ajustar e acompanha a largura da sua página.
<script src="https://tablez.uk/embed.js" data-venue="your-venue"></script>Adiciona um botão “Reservar mesa” na cor de destaque. Ao clicar, abre a página de reservas numa janela sobreposta. Pode mudar o texto e a cor se quiser.
<script src="https://tablez.uk/embed.js" data-venue="your-venue" data-mode="button" data-label="Book a table" data-colour="#0f5c4c"></script>Qualquer botão ou ligação existente também pode abrir a janela sobreposta. Dê-lhe a classe tablez-open e um atributo data-venue, e carregue o script uma só vez em qualquer ponto da página.
Para criadores de sites que só permitem iframe. Ajuste a altura; 760px mostra o formulário todo na maioria dos ecrãs.
<iframe src="https://tablez.uk/book/your-venue?embed=1" title="Book a table" style="width:100%;height:760px;border:0"></iframe>Sem qualquer alteração ao site. Use em qualquer lado: ementas, Google, Instagram, assinaturas de email. O seu estabelecimento tem também um endereço curto próprio, como yourpub.tablez.uk no Standard e acima (um código aleatório como 5434.tablez.uk no Grátis), que leva à mesma página e é mais fácil de dizer em voz alta.
https://tablez.uk/book/your-venueQue estilo deve usar?
Integrado é o melhor se tem uma página “Reservar” ou uma secção livre na página inicial. O formulário fica dentro da página, redimensiona-se à medida que o cliente avança e parece parte do seu site. Botão é o melhor se não quer alterar o layout: coloca um botão onde cola o script e o formulário abre por cima da página. Iframe é para construtores que removem scripts mas permitem incorporações. Ligação é para todos os outros casos.
Os quatro vão para a mesma página de reservas, por isso o cliente tem exatamente a mesma experiência seja qual for o caminho. Pode usar vários em simultâneo, por exemplo integrado na página de reservas e um botão no cabeçalho.
Como funciona por dentro
O script cria um iframe que aponta para a sua página de reservas em modo incorporado, que esconde o cabeçalho e o rodapé e usa um fundo transparente. A página de reservas diz à página principal a sua altura à medida que o cliente avança, por isso nunca há uma barra de deslocamento dentro de outra. Nada mais na sua página é tocado. O script tem menos de 4KB, carrega depois do seu conteúdo e não define cookies no seu site.
Como o formulário corre em tablez.uk, nunca trata dados de clientes no seu site e nunca precisa de atualizar nada quando melhoramos a página de reservas. O seu código de integração mantém-se igual para sempre.
Funciona com o criador do meu site?
Sim, se permitir colar HTML. É quase tudo:
- WordPress: cole num bloco Custom HTML. Não precisa de plugin.
- Squarespace: um bloco de código em qualquer página.
- Wix: um elemento Embed HTML, ou um botão com ligação para a sua página.
- Shopify: uma secção Custom Liquid ou uma página em vista HTML.
- Webflow, GoDaddy, Weebly, Jimdo, Carrd, Framer: o elemento de incorporação ou HTML deles.
- HTML simples que alguém fez há anos: cole-o num editor de texto e carregue.
O Google Sites e alguns criadores gratuitos removem scripts. Use aí o iframe ou a ligação.
Com o seu aspeto
No painel do Tablez, defina uma cor de destaque e carregue um logótipo. O formulário integrado usa-os. A página de reservas tem muito pouco estilo próprio para além disso, por isso fica bem tanto em sites claros como escuros. Se quer que o botão “Reservar mesa” combine exatamente com os botões do seu site, salte o botão gerado e use a classe tablez-open num dos seus.
Telemóvel
O formulário é pensado primeiro para telemóveis, porque é aí que acontece a maioria das reservas. Integrado na página, ocupa a largura total do ecrã de um telemóvel. A sobreposição do botão preenche o ecrã num telemóvel e fica num painel centrado num computador. Teste-o no seu telemóvel depois de o adicionar; a demonstração ao vivo mostra o que esperar.
Perguntas frequentes
Perguntas sobre o widget
O widget é grátis?
Sim, em todos os planos, incluindo o Free. Faz parte do produto, não é um extra.
Onde encontro o identificador do meu estabelecimento?
No seu painel, em Página de reservas. É a última parte da sua ligação de reservas, por exemplo the-old-mill em tablez.uk/book/the-old-mill. O seu estabelecimento tem também o seu próprio subdomínio, como the-old-mill.tablez.uk no Standard e acima, com um código QR e um cartaz prontos a imprimir no painel.
Vai deixar o meu site mais lento?
Não. O script é minúsculo e carrega depois da sua página. O formulário em si carrega dentro da sua própria moldura e não bloqueia nada na sua página.
Mostra “Powered by Tablez”?
No plano Grátis aparece uma pequena linha no fundo do formulário. No Standard e no Pro é removida.
Posso pô-lo em mais do que uma página ou site?
Sim, quantos quiser. O mesmo código em todo o lado.
E se o meu site for HTTPS e o seu não, ou o contrário?
O Tablez é só HTTPS, e o widget funciona em sites HTTP e HTTPS. Se o seu site ainda é HTTP, vale a pena corrigi-lo de qualquer forma.
Obtenha o seu código de integração
Registe-se grátis, adicione as mesas, e o seu código está à espera no painel.
Começar grátis