How to Embed Koalendar with an <iframe>

O Koalendar oferece várias opções de incorporação que utilizam JavaScript para controlar o layout e o comportamento. Mas se a sua plataforma não for compatível com JavaScript — ou permitir apenas conteúdo em iframe —, você ainda poderá incorporar o Koalendar usando uma configuração básica de iframe.

📋 Passo 1 – Copie o link do seu Koalendar

No seu painel do Koalendar , escolha a página de agendamento que deseja incorporar.
Clique Compartilhar e copie o URL (por exemplo, https://koalendar.com/e/your-page).

📝 Passo 2 – Criar e inserir o iframe

Cole o seu link no modelo abaixo e, em seguida, insira o código HTML no seu site.

<iframe src="PASTE_YOUR_KOALENDAR_LINK_HERE?embed=true" width="100%" height="800px" frameborder="0"></iframe>

Se o seu link já contiver um ? , substituir ?embed=true com &embed=true .
Insira este código em qualquer bloco de HTML / Inserção / Código que o seu construtor de sites ofereça e, em seguida, salve ou publique.

Os visitantes verão sua agenda imediatamente — sem necessidade de scripts.

🛠️ Resolução de problemas

Tema	Corrigir
Não aparece nada	Verifique o texto completo `https://` A URL está intacta e publicada.
Aparecem barras de rolagem	Aumento `altura` ou adicionar CSS `overflow:hidden` para o contêiner pai.
O construtor de páginas remove o iframe	Alguns planos gratuitos não permitem HTML personalizado — verifique as limitações da sua plataforma.

Procurando mais estilos de incorporação — como o Widget Pop-up ou Texto/Botão Pop-up— ou parâmetros avançados? Confira: