Página de agendamento embutida

Incorpore sua página de agendamento Barberly diretamente no seu site como uma seção integrada.

Tags:

O widget Página de agendamento embutida permite adicionar sua página de agendamento Barberly diretamente ao seu site como uma seção integrada, criando uma experiência de agendamento fluida para seus clientes sem que eles precisem sair do seu site.

Como funciona

Este widget incorpora toda a interface de agendamento Barberly diretamente no seu site usando um iframe. Os clientes podem concluir todo o processo de agendamento sem serem redirecionados para outro site.

Casos de uso

Crie uma página dedicada ao agendamento no seu site
Adicione às páginas de serviços para permitir agendamento imediato
Integre na página de contato como alternativa a formulários
Inclua na página inicial para acesso rápido ao agendamento

Configurando a Página de agendamento embutida

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 Página de agendamento embutida
Selecione Criar Nova Instância
Dê um nome para sua nova instância (ex: “Página Principal de Agendamento”)

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

URL de Agendamento: Insira o link para sua página de agendamento Barberly
Altura: Defina a altura da página de agendamento embutida (ex: “100%” para altura total, ou um valor específico em pixels como “600px”)

Ajuste as opções de estilo:

Borda arredondada: Defina o grau de arredondamento dos cantos do widget
Sombra: Adicione um efeito de sombra para destacar o widget

Visualizar e testar

Use a visualização ao vivo para ver como a página de agendamento embutida ficará no seu site. Teste o fluxo de agendamento para garantir que tudo funcione corretamente.

Obter o código de integração

Quando estiver satisfeito com a página de agendamento embutida:

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 a página de agendamento
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="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>

Gerenciando múltiplas instâncias de página embutida

Você pode criar várias instâncias de página embutida 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 “Página de agendamento embutida”
Crie instâncias adicionais conforme necessário
Cada instância terá seu próprio código de integração exclusivo

Atualizando sua página de agendamento embutida

Para atualizar uma página de agendamento embutida já publicada em seu site:

Faça login na sua conta Barberly em portal.barberly.com
Vá para Menu → Apps → Todos os Widgets
Selecione “Página de agendamento embutida”
Escolha a instância que deseja atualizar
Faça as alterações necessárias
Copie o novo código de integração
Substitua o código antigo pelo novo no HTML do seu site
Salve e publique as alterações

Solução de problemas

Erros comuns

Iframe não carrega: Verifique se a URL de agendamento está correta e acessível.
Widget não responsivo: Assegure-se de que as configurações de altura estão definidas corretamente (ex: “100%”).

Dicas

Mantenha o código de integração atualizado para garantir a melhor performance.
Consulte a documentação do Barberly para mais detalhes sobre opções avançadas de configuração e personalização.