O widget Botão Reservar online adiciona um botão ao seu site. Ao clicar nele, o visitante é levado para a sua página de reservas Barberly, onde faz a marcação. Os locais habituais para o colocar são a página inicial, a página de serviços e o cabeçalho ou o rodapé do site.
Criar uma nova instância#
- Inicie sessão na sua conta Barberly em portal.barberly.com.
- Aceda a MenuAppsTodos os widgets.
- Clique em Botão Reservar online.
- Selecione Criar nova instância.
- Dê um nome à instância, por exemplo "Botão da página inicial".
Definições#
- Texto do botão
- O texto apresentado no botão, por exemplo "Reservar agora" ou "Marcar atendimento".
- URL de reserva
- O URL da sua página de reservas Barberly.
Estilos#
- Cor de fundo
- A cor do botão.
- Cor do texto
- A cor do texto do botão. Escolha uma cor que contraste com o fundo.
- Acolchoamento
- O espaço dentro do botão, no formato cima/direita/baixo/esquerda.
- Raio de fronteira
- O grau de arredondamento dos cantos.
- Peso do tipo de letra
- Normal, negrito, etc.
- Caixa de sombra
- Uma sombra à volta do botão.
Adicionar o botão ao seu site#
A pré-visualização em tempo real mostra o aspeto do botão. Clique nele para confirmar que abre a sua página de reservas.
- 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 o botão deve aparecer.
- Guarde e publique o seu site.
Código de exemplo:
<div id="8854691ef448cad2ae94bb4cc5b9a-container"></div>
<script src="https://widgets.barberly.com/barberly-widgets.js" data-business-id="house13" data-widget-id="button_8854691ef448cad2ae94bb4cc5b9a" data-container-id="8854691ef448cad2ae94bb4cc5b9a-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 do botão, por exemplo com um design diferente para cada secção do site. Repita os passos acima em Botão Reservar online. Cada instância tem o seu próprio código de integração.
Atualizar um botão publicado#
Abra a instância em MenuAppsTodos os widgets, faça as alterações e guarde. O botão no seu site é atualizado automaticamente, pelo que não é necessário alterar o código no site.