Adicionar agendamento Barberly ao Squarespace

Como integrar widgets de agendamento Barberly ao seu site Squarespace para barbearias e salões.

Adicionando agendamento Barberly ao Squarespace

Este guia mostra como integrar widgets de agendamento Barberly ao seu site Squarespace, permitindo que seus clientes agendem horários diretamente pelo site.

Pré-requisitos

Antes de começar, certifique-se de que você tem:

  • Um site Squarespace com acesso ao editor
  • Uma conta Barberly com pelo menos um widget de agendamento criado

Adicionando o widget Barberly ao Squarespace

A maneira mais simples de adicionar widgets Barberly ao Squarespace é usando o bloco de código:

  1. Obtenha o código do widget:

    • Faça login na sua conta Barberly em portal.barberly.com
    • Navegue até Menu → Apps → Todos os Widgets
    • Selecione o widget desejado
    • Copie o código de integração
  2. Adicione à página Squarespace:

    • Faça login na sua conta Squarespace e abra o editor de páginas
    • Clique no ícone “+” onde deseja adicionar o widget
    • Procure e selecione “Código” na lista de blocos
    • Clique em “</> Code”
    • Cole o código do widget Barberly no editor de código
    • Clique em “Aplicar” para salvar
    • Salve e publique a página

Melhores práticas para integração Squarespace

  1. Posicionamento estratégico:

    • Botão Agende Online: Adicione ao cabeçalho, área de navegação ou destaque na página inicial
    • Página de agendamento embutida: Crie uma página dedicada “Agende Agora” ou “Agendamentos”
    • Popup de agendamento: Adicione a páginas de serviços para incentivar agendamentos imediatos
    • Barra lateral de agendamento: Considere para acesso ao agendamento em todo o site
  2. Consistência de design:

    • Personalize seus widgets Barberly para combinar com as cores do template Squarespace
    • Mantenha o estilo dos botões consistente entre botões nativos do Squarespace e Barberly
  3. Otimização para dispositivos móveis:

    • Visualize seus widgets em dispositivos móveis usando o recurso de visualização do Squarespace
    • Teste o fluxo de agendamento tanto no desktop quanto no mobile

Solução de problemas comuns

  • Widget não aparece: Certifique-se de que o template Squarespace permite código personalizado. Alguns templates podem ter restrições.
  • Limitações no modo de visualização: Alguns elementos incorporados podem não aparecer corretamente no modo de visualização. Sempre verifique o site publicado.

Mantendo sua integração atualizada

Quando você fizer alterações nos widgets Barberly em sua conta Barberly, elas serão atualizadas automaticamente no seu site Squarespace sem etapas adicionais. O código do widget permanece o mesmo mesmo ao modificar cores, textos ou estilos.