Como incorporar o Koalendar no Weebly
Permita que os visitantes marquem horários com você diretamente a partir de qualquer site do Weebly. Não é necessário nenhum plugin — basta copiar o código de incorporação do Koalendar e colá-lo no editor de arrastar e soltar do Weebly.
📑 Menu
- Passo 1 – Copie o seu código do Koalendar
- Passo 2 – Cole no Weebly
- Resolução de problemas
- Que estilo devo escolher?
📋 Passo 1 – Copie seu código do Koalendar
- No painel do Koalendar, clique em “Compartilhar” ao lado da página de reservas que você deseja incluir no seu site.
- Selecione “Adicionar ao site”.
- Selecione um estilo de incorporação e clique em “Copiar código”.
| Estilo incorporado | Experiência do visitante |
|---|---|
| Incorporar no texto 🖥️ | O calendário completo aparece diretamente na página. |
| Widget pop-up 📍 | O botão fixo abre uma janela pop-up do calendário. |
| Texto do pop-up 🔗 | Qualquer link ou botão abre um calendário em uma janela pop-up. |
🎨 Dica: personalize as cores, o texto e a posição antes de copiar, para que fiquem em sintonia com o seu tema do Weebly.
📝 Passo 2 – Cole no Weebly
Inserção em linha ou texto/botão em janela pop-up
- No Editor do Weebly, arraste um elemento “Código de incorporação” até o local onde deseja colocar o calendário (ou o link de ativação).
- Clique em “Editar HTML personalizado”.
- Cole o seu código do Koalendar.
- Publique seu site para vê-lo ao vivo (os scripts não são executados na visualização do Weebly).
Widget pop-up (botão flutuante em todo o site)
- No Weebly, acesse Configurações → SEO → Código do rodapé.
- Cole o script do widget Koalendar que você copiou.
- Salvar e publicar.
- O botão flutuante agora aparece em todas as páginas que utilizam este modelo.
📝 Precisa do widget apenas em páginas específicas? Cole o script em um elemento de código incorporado na página desejada, em vez de no rodapé global.
🛠️ Resolução de problemas
| Problema | Solução rápida |
| Falta o calendário ou o widget na Visualização | Publique o site — O Weebly desativa scripts de terceiros no modo de visualização. |
| O botão flutuante não está aparecendo | Verifique se o script está salvo no Código do rodapé (ou no elemento Código de incorporação da página) e se você publicou novamente. |
| O link para ativar a lightbox aparece, mas não abre | Certifique-se de que tanto o snippet de acionamento quanto o script do Koalendar estejam na mesma página. |
| O calendário embutido parece muito alto/baixo | Ajuste a altura do elemento “Código de incorporação” ou defina uma altura fixa no Koalendar antes de copiar. |
🤔 Que estilo devo escolher?
| Objetivo | Melhor estilo |
| Seção dedicada a reservas em uma página de destino | Incorporar no texto 🖥️ |
| Chamada à ação em todo o site | Widget pop-up 📍 |
| Adicionar agendamento a um botão ou link existente | Texto do pop-up 🔗 |
| Link externo mais rápido | Link direto ↗️ |