🚀 Como adicionar o Koalendar ao seu site
👉 Veja exemplos das nossas opções de incorporação →
Permita que os visitantes agendem horários com você sem precisar sair do seu site. O Koalendar oferece vários métodos rápidos de integração — sem necessidade de programação — e um SDK avançado em JavaScript para controle total. Escolha abaixo a opção que melhor se adapta ao seu fluxo de trabalho.
📖 Menu
- ✂️ Passo 1 – Escolha o que incorporar
- 🔗 Passo 2 – Copie o código de incorporação
- 🌐 Guias específicos para cada plataforma
- 🛠️ Inserção avançada (JavaScript)
- 🖼️ Alternativa para iframe (sem JavaScript)
✂️ Passo 1 – Escolha o que incorporar
O Koalendar pode incorporar dois tipos de conteúdo no seu site:
| Tipo de incorporação | O que os visitantes veem |
|---|---|
| Página pública 🔗 | Um diretório que lista todas as suas páginas de reservas. |
| Página de reserva individual 📅 | Uma página específica de agendamento. |
💡 Dica: Não sabe como compartilhar sua página pública? Siga este breve guia: Como compartilhar seu link público (Lista de todas as páginas de reservas)
🔗 Passo 2 – Copie o código de incorporação
-
No seu painel do Koalendar, clique em Compartilhar na página de reserva que você deseja promover:
-
Clique em “Adicionar ao site ”:
-
Selecione o estilo de incorporação desejado (Inline, Widget pop-up, Texto pop-up):
- Clique em“Copiar código” e cole-o no código HTML do seu site.
Dica: Precisa incluir várias páginas em uma única incorporação? Crie primeiro uma página pública e, em seguida, incorpore esse link.
🌐 Guias específicos para cada plataforma
A maioria dos criadores de sites funciona da mesma maneira — basta colar o código em um bloco de incorporação/HTML —, mas disponibilizamos tutoriais detalhados para as plataformas mais populares:
Se você não encontrar o seu construtor na lista, as instruções gerais acima continuam valendo — basta procurar o widget HTML, Código ou Incorporar no seu editor.
🛠️ Inserção avançada (JavaScript)
Precisa de um gatilho personalizado para pop-ups ou de controle programático? Basta inserir nosso trecho de código JavaScript leve e pronto.
📚 Instruções completas e exemplos de código: Integração avançada do Koalendar para desenvolvedores
🖼️ Alternativa para iframe (sem JavaScript)
Se a sua plataforma remover o JavaScript personalizado (como acontece em alguns planos gratuitos), incorpore o Koalendar com um simples <iframe> em vez disso:
<iframe src="PASTE_YOUR_KOALENDAR_LINK_HERE?embed=true" width="100%" height="800" frameborder="0"></iframe>
Guia passo a passo ➡︎ Como incorporar o Koalendar com um iframe