Incorporar uma agenda em um site
Exiba uma agenda publicada no seu site com altura automática ou um iframe de altura fixa.
Nesta página
Antes de começar
- Publique a agenda como proprietário. No Grátis, apenas a principal pode ser pública; outras exigem Pro.
- Use o site do ScheduleBuilder. As opções de incorporação e WordPress não aparecem nos apps Android e Windows.
- Tenha permissão para editar uma área do site que aceite iframe. A altura automática também exige uma tag script.
Escolher as opções de incorporação
Abra Compartilhar → Incorporar na agenda publicada.
Escolha o Idioma e defina Título do horário como Mostrar ou Ocultar. O idioma muda a interface, não o texto dos eventos.
Revise o calendário sincronizado antes de incorporar. Eventos futuros e atualizações podem se tornar públicos, e as descrições disponíveis sempre são incluídas. Desconectar não despublica os eventos preservados; despublique separadamente para encerrar o acesso público.
Entender o conteúdo sincronizado e o acesso público
Escolha uma opção de tamanho e selecione Copiar. O código inclui o token público atual, o idioma e a opção de título. Nos exemplos, substitua TOKEN pelo token do link publicado, não pelo nome ou ID privado da agenda.
Opção 1: Altura automática
Em Tamanho da incorporação, escolha Automático e copie o código completo, com iframe e embed.js. O script ajusta a altura à agenda. Se o site remover scripts, use dimensões fixas.
<iframe src="https://schedulebuilder.net/pt/e/TOKEN" width="100%" height="240" style="border:0;display:block" loading="lazy" title="Agenda semanal"></iframe>
<script async src="https://schedulebuilder.net/embed.js"></script>Opção 2: Dimensões fixas
Escolha Tamanho da incorporação → Personalizado, informe Largura e Altura e selecione Copiar. Esse iframe não precisa de embed.js. Use 100% e 600 para a largura disponível e 600 pixels de altura.
<iframe src="https://schedulebuilder.net/pt/e/TOKEN" width="100%" height="600" style="border:0" loading="lazy" title="Agenda semanal"></iframe>Inserir e conferir
Cole o código na área HTML ou de código personalizado do site.
Salve a página e abra como visitante no computador e no celular. Confira idioma, título, detalhes dos eventos e tamanho.
| Problema | O que conferir |
|---|---|
| Agenda cortada | Em Automático, confira se embed.js é permitido. Em Personalizado, aumente a Altura. Se scripts forem removidos, use dimensões fixas. |
| Alterações ausentes | Espere a agenda ser salva e recarregue a página. Edições comuns não exigem novo código. |
| Agenda indisponível | Abra primeiro o link público. A publicação e o plano do proprietário devem permitir o acesso. |
O que a incorporação mostra
A incorporação mostra a agenda e detalhes de eventos somente para leitura, com marca d’água e link do ScheduleBuilder abaixo, mesmo para proprietários Pro. Não inclui marca personalizada nem botões públicos de exportação, impressão, compartilhamento ou edição. Tarefas privadas, suas notas e as Notas do proprietário ficam de fora; descrições de eventos são visíveis.