O widget Botão Reservar on-line adiciona um botão ao seu site. Ao clicar nele, o visitante vai para sua página de agendamento do Barberly, onde marca um horário. Os lugares mais comuns para ele 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#
- Entre na sua conta Barberly em portal.barberly.com.
- Acesse MenuAppsTodos os widgets.
- Clique em Botão Reservar on-line.
- Selecione Criar nova instância.
- Dê um nome à instância, por exemplo "Botão da página inicial".
Configurações#
- Texto dos botões
- O texto do botão, por exemplo "Agendar agora" ou "Marcar horário".
- URL de reserva
- A URL da sua página de agendamento do Barberly.
Estilos#
- Cor de fundo
- A cor do botão.
- Cor do texto
- A cor do texto do botão. Escolha uma que contraste com o fundo.
- Acolchoamento
- O espaço interno do botão, no formato superior/direita/inferior/esquerda.
- Raio da borda
- O quanto os cantos são arredondados.
- Peso da fonte
- Normal, negrito e assim por diante.
- Box Shadow
- Uma sombra ao redor do botão.
Adicionar o botão ao seu site#
A visualização ao vivo mostra como o botão vai ficar. Clique nele para conferir se ele abre sua página de agendamento.
- Copie o código da seção Copie este código em seu site.
- Cole-o no HTML do seu site, no lugar onde o botão deve aparecer.
- Salve e publique o site.
Exemplo de código:
<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, veja os guias de WordPress, Wix e Squarespace.
Várias instâncias#
Você pode criar mais instâncias do botão, por exemplo com um design diferente para cada seção do site. Repita os passos acima em Botão Reservar on-line. Cada instância tem 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 salve. O botão no seu site é atualizado automaticamente, então você não precisa mudar o código do site.