Se a incorporação do Calendly não estiver funcionando como esperado, este guia pode ajudar. Abaixo estão problemas comuns e como corrigi-los.
Corrigir problemas de rolagem e carregamento de imagens
Se a sua página não rolar ou as imagens não carregarem, os estilos de incorporação do Calendly podem estar em conflito com o layout do seu site.
Tente esta correção de CSS:
body {
overflow: unset ! important;
}Usando o Squarespace?
Também adicione:
.site-wrapper {
height: auto;
}Essas alterações permitem que sua página role normalmente e evite conflitos de layout, especialmente se o modelo do seu site substituir as configurações de altura do Calendly.
Impedir que bloqueadores de anúncios ocultem incorporações
As extensões do navegador podem bloquear incorporações do Calendly. Para ajudar os visitantes:
- Exiba uma mensagem como:
"Por favor, desative seu bloqueador de anúncios para visualizar esta agenda." - Adicione um botão alternativo que abre a página de agendamento em uma nova guia.
Corrigir menus suspensos em dispositivos móveis
As listas suspensas em incorporações podem ser abertas fora da tela em dispositivos móveis. Tente estas correções:
- Use uma altura de incorporação mais curta
- Substitua menus suspensos por botões de opção (para listas curtas)
- Mude para uma incorporação de pop-up, que se encaixa melhor em dispositivos móveis
Ajuste o layout com base na largura do contêiner
O layout do Calendly responde à largura do seu contêiner.
- Para mostrar layout lado a lado: defina a largura para 1000px ou mais
- Para mudar para um layout empilhado: reduza a largura para menos de 650px
Saiba como controlar o layout e o dimensionamento da incorporação
Centralize sua incorporação em dispositivos móveis
Se a sua incorporação aparecer fora de centro no celular:
- Certifique-se de que o contêiner tenha pelo menos 320px de largura
- Remova preenchimento ou margens extras ao redor da incorporação
Corrija incorporações que aparecem na parte inferior da página
Se você usa HubSpot, Marketo ou ferramentas similares e sua incorporação aparece no lugar errado, verifique se este stylesheet está incluído:
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">Sem ela, os estilos podem quebrar e empurrar a incorporação para o fundo.
Incorporação não funciona depois que você altera seu link do Calendly
Está vendo um erro "calendly.com recusou se conectar"? Sua incorporação pode usar um link antigo ou incorreto. Corrija isso da seguinte forma:
- Gerando um novo código de incorporação no Calendly
- Substituindo o código antigo no seu site
Ou inspecione o link usando ⌥⌘I (Mac) ou clique com o botão direito > Inspecionar e atualize-o manualmente.
Remover barras de rolagem extras
Confira este guia: Remova a incorporação de rolagem.
Dica: use "Inspecionar" no seu navegador para testar diferentes alturas de incorporação.
Problemas específicos do construtor de sites
Se você estiver tendo problemas com construtores de sites específicos, consulte nossos recursos recomendados.
- Squarespace - Incorporar não aparece no editor
- Shopify - O botão de fechar pop-up não aparece
- Wordpress - Incorporar não funciona no Elementor
Precisa de suporte? A gente cuida de tudo para você!
Toda assinatura paga inclui o Suporte Padrão do Calendly. No entanto, apenas proprietários e administradores autorizados da sua empresa podem fazer determinadas solicitações de conta. Faça login no Calendly e navegue até a seção de Ajuda, onde você pode:
- Navegue pela nossa Central de Ajuda.
- Participe da nossa Comunidade Calendly para pesquisar, compartilhar e se conectar com outros usuários do Calendly.
- Converse conosco para receber ajuda em tempo real.