Botão Agende Online

Adicione um botão de agendamento personalizável ao seu site que redireciona para sua página de agendamento Barberly.

Tags:

O widget Botão Agende Online adiciona um botão personalizável ao seu site que redireciona os usuários para sua página de agendamento Barberly ao ser clicado.

Como funciona

Quando os visitantes clicam no botão em seu site, eles são redirecionados para sua página de agendamento Barberly, onde podem marcar um horário.

Casos de uso

Adicione à sua página inicial para facilitar o acesso ao agendamento
Coloque na página de serviços ao lado das descrições
Inclua no cabeçalho ou rodapé para acesso fácil de qualquer página
Adicione à página de contato como alternativa ao agendamento por telefone

Configurando o Botão Agende Online

Criar uma nova instância

Faça login na sua conta Barberly em portal.barberly.com
Navegue até Menu → Apps → Todos os Widgets
Clique na opção Botão Agende Online
Selecione Criar Nova Instância
Dê um nome para sua nova instância de botão (ex: “Botão Página Inicial”)

Configurar as opções do botão

Na seção de configuração, você pode definir:

Texto do Botão: Personalize o texto exibido no botão (ex: “Agende Agora”, “Marcar Horário”, etc.)
URL de Agendamento: Insira o link para sua página de agendamento Barberly

Personalizar o estilo do botão

Ajuste as opções de estilo para combinar com o design do seu site:

Cor de fundo: Escolha uma cor que combine com o esquema do seu site
Cor do texto: Selecione uma cor que tenha bom contraste com o fundo
Espaçamento interno (padding): Ajuste o espaçamento interno do botão
Borda arredondada: Defina o grau de arredondamento dos cantos
Peso da fonte: Deixe o texto normal, negrito, etc.
Sombra: Adicione um efeito de sombra para destacar o botão

Visualizar e testar

Use a visualização ao vivo para ver como o botão ficará em seu site. Clique no botão para testar se ele redireciona corretamente para sua página de agendamento.

Obter o código de integração

Quando estiver satisfeito com o botão:

Copie o código gerado na seção “Copie este código para seu site”
Cole o código no HTML do seu site onde deseja exibir o botão
Salve e publique as alterações do seu site

Integrações com plataformas web

Para instruções específicas de integração, consulte estes guias:

Exemplo de código de integração

<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>

Gerenciando múltiplas instâncias de botão

Você pode criar várias instâncias de botão com designs diferentes para diferentes seções do seu site:

Faça login na sua conta Barberly em portal.barberly.com
Navegue até Menu → Apps → Todos os Widgets
Selecione “Botão Agende Online”
Crie instâncias adicionais conforme necessário
Cada instância terá seu próprio código de integração exclusivo

Atualizando seu botão

Para atualizar um botão já publicado em seu site:

Faça login na sua conta Barberly e vá até a seção de widgets
Selecione o Botão Agende Online que deseja atualizar
Edite as opções conforme necessário (texto, URL, estilo, etc.)
Salve as alterações e copie o novo código de integração
Substitua o código antigo pelo novo HTML em seu site
Salve e publique as alterações do seu site

Solução de problemas

O botão não aparece no meu site

Verifique se o código de integração foi copiado e colado corretamente
Assegure-se de que o botão foi salvo e publicado na sua conta Barberly
Confira se há conflitos de CSS em seu site que possam estar ocultando o botão

O redirecionamento não está funcionando

Certifique-se de que a URL de agendamento está correta nas configurações do botão
Teste a URL diretamente em um navegador para confirmar que está ativa

Dicas adicionais

Mantenha o botão atualizado com as últimas novidades e promoções
Considere adicionar um texto descritivo próximo ao botão para mais contexto
Use ferramentas de análise para monitorar cliques e engajamento com o botão