O widget Página de reserva incorporada coloca a sua página de reservas Barberly completa dentro de uma página do seu site, num iframe. Os clientes fazem toda a reserva sem serem enviados para outro site. Pode ser usado numa página dedicada às reservas ou adicionado à página inicial, às páginas de serviços ou à página de contacto.
Criar uma nova instância#
- Inicie sessão na sua conta Barberly em portal.barberly.com.
- Aceda a MenuAppsTodos os widgets.
- Clique em Página de reserva incorporada.
- Selecione Criar nova instância.
- Dê um nome à instância, por exemplo "Página de reserva principal".
Definições#
- URL de reserva
- O URL da sua página de reservas Barberly.
- Altura
- A altura da página incorporada, por exemplo "100%" para a altura total ou um valor em píxeis como "600px".
Estilos#
- Raio de fronteira
- O grau de arredondamento dos cantos.
- Caixa de sombra
- Uma sombra à volta do widget.
A página incorporada adapta-se ao tamanho do ecrã. No computador mostra a interface de reserva completa e, no telemóvel, a interface ajusta-se ao ecrã mais pequeno.
Adicionar a página ao seu site#
A pré-visualização em tempo real mostra o aspeto da página incorporada. Percorra o processo de reserva para confirmar que funciona.
- Copie o código da secção Copie este código para o seu sítio Web.
- Cole-o no HTML do seu site, no ponto onde a página de reservas deve aparecer.
- Guarde e publique o seu site.
Código de exemplo:
<div id="262b1c5d48b64c16a9786cd8ebbbecd3-container"></div>
<script src="https://widgets.barberly.com/barberly-widgets.js" data-business-id="house13" data-widget-id="embed_262b1c5d48b64c16a9786cd8ebbbecd3" data-container-id="262b1c5d48b64c16a9786cd8ebbbecd3-container"></script>Para os passos em cada plataforma, consulte os guias para WordPress, Wix e Squarespace.
Várias instâncias#
É possível criar mais instâncias da página incorporada para diferentes secções do site. Repita os passos acima em Página de reserva incorporada. Cada instância tem o seu próprio código de integração.
Atualizar uma página incorporada publicada#
Abra a instância em MenuAppsTodos os widgets, faça as alterações e guarde. A página incorporada no seu site é atualizada automaticamente, pelo que não é necessário alterar o código no site.
Se a página não for apresentada corretamente#
- Confirme que o contentor é suficientemente largo e alto para a interface de reserva.
- Verifique se existem conflitos de CSS com os estilos do seu site.
- Confirme que o URL de reserva está correto.
- Certifique-se de que nenhuma política de segurança de conteúdo (CSP) do site bloqueia o iframe.