Como incorporar o Calendly no Joomla

Você pode incorporar o Calendly no seu site Joomla para que os visitantes possam agendar horários com você diretamente do seu site. Este guia mostra como adicionar o código de incorporação usando as opções de HTML personalizadas do Joomla.

Antes de começar

Tipos de incorporação suportados

Tipo de incorporação O que faz
Incorporação direta Mostra o calendário diretamente na página
Widget pop-up Adiciona um botão flutuante que abre o calendário
Texto pop-up Cria um link que abre o calendário

Saiba mais sobre as opções de incorporação do Calendly.

Adicionar Calendly ao Joomla

Você pode adicionar o Calendly usando um módulo HTML personalizado ou diretamente em um artigo. Escolha a opção que funciona melhor para o seu site.

Opção 1 – Usar um módulo HTML personalizado

  1. No seu painel de administrador do Joomla, vá para Extensões > Módulos.
  2. Selecione Novo e depois Personalizado.
  3. No editor:
    • Defina Mostrar título e posição conforme necessário.
    • Selecione o botão Código ou Ferramentas (pode ser parecido com <>) para alternar para a visualização HTML.
    • Cole seu código de incorporação.
  4. Salve e publique o módulo.
  5. Visite seu site para garantir que a incorporação seja exibida corretamente.

Opção 2 – Adicionar Calendly a um artigo

  1. Vá para Conteúdo > Artigos.
  2. Edite o artigo no qual você deseja adicionar o Calendly.
  3. Selecione o botão de modo de código (<>) no editor.
  4. Cole seu código de incorporação.
  5. Salve e visualize o artigo.

Dica: se o Joomla remover <script> tags, vá para Configuração Global > Filtros de Texto para alterar as configurações do seu editor.

Exemplo de código de incorporação

Aqui está um exemplo de incorporação direta:

<div class="calendly-inline-widget"
data-url="https://calendly.com/YOUR_LINK"
style="min-width:320px;height:700px;"></div>
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript"></script>

Para incorporar um widget ou texto pop-up, copie o código diretamente da sua conta do Calendly.

Solução de problemas

  • Se nada aparecer, verifique se seu editor está removendo scripts.
  • Teste sua incorporação em computadores e dispositivos móveis.
  • Se você estiver usando um modelo dinâmico ou extensão dinâmica, certifique-se de que o script do Calendly seja carregado corretamente.