O Zenamu oferece um script que permite incorporar o horário de suas aulas diretamente no seu site. O seu site mostra o horário na visualização que você escolher em Visualização do horário (veja Como escolho a visualização do horário incorporado? abaixo). O horário é completamente responsivo (se ajusta automaticamente a diferentes dispositivos e tamanhos de tela) e é compatível com outros componentes do site.
A integração é simples e não leva mais de 5 minutos. Basta copiar um pequeno trecho de código e colá-lo no seu site. É necessário um conhecimento básico de HTML e JavaScript (recomendamos esta opção com o suporte do seu webmaster).
Se você usa um sistema de gerenciamento de conteúdo para o seu site, também é possível realizar a integração. Consulte nossos tutoriais para inserir um horário em um site com Webnode, WordPress ou Wix.com.
Adicionando ao seu site - passo a passo
1. Inserir o script
Existem duas maneiras de inserir o script:
a. Através de um script no cabeçalho (<head>) da página HTML
Coloque a linha de código no formato exato entre as tags <head></head> do seu site. Se você inserir o script desta forma no cabeçalho, não se esqueça de usar o atributo defer, caso contrário, o horário não será exibido corretamente.
Horário de aulas
<script defer src="https://zenamu.com/calendar/list.js" crossorigin></script>
Eventos e workshops
<script defer src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Cursos
<script defer src="https://zenamu.com/calendar/courses.js" crossorigin></script>
b. Ou dentro do corpo (<body>) da página HTML
Coloque a linha de código exatamente neste formato no final da página HTML, logo antes da tag </body>:
Horário de aulas
<script src="https://zenamu.com/calendar/list.js" crossorigin></script>
Eventos e workshops
<script src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Cursos
<script src="https://zenamu.com/calendar/courses.js" crossorigin></script>
2. Inserir o elemento
Adicione o seguinte <div> no local do seu site onde você deseja que o calendário apareça:
Horário de aulas
<div id="zenamu-calendar" calendar-id="[seu ID de calendário]"></div>
Eventos e workshops
<div id="zenamu-workshops" calendar-id="[seu ID de calendário]"></div>
Cursos
<div id="zenamu-courses" calendar-id="[seu ID de calendário]"></div>
[seu ID de calendário] - substitua pelo seu ID único, que você pode encontrar na administração do Zenamu.
Você pode copiar o código completo, já com o seu ID de calendário preenchido, na administração: acesse Configurações > Página do horário, abra a aba Horário público e, em Widgets para o seu site, expanda Horário, Eventos e workshops ou Cursos. A mesma seção também tem o código de um widget de Agendamentos.
3. Pronto!
Ele ficará parecido com o calendário a seguir.
Eventos e workshops
Cursos
Como escolho a visualização do horário incorporado?
O código do horário é o mesmo para todas as visualizações. A visualização é uma configuração no Zenamu:
Acesse Configurações > Página do horário e abra a aba Horário público.
Em Widgets para o seu site, expanda Horário.
Em Visualização do horário, clique em Calendário semanal com horário de aulas, Lista das próximas 30 ou Lista semanal. O Zenamu salva a sua escolha na hora, e você não precisa alterar o código no seu site.
A visualização em lista não se limita a 30 dias: ela mostra as próximas aulas de 30 em 30, e os visitantes podem carregar mais. Os visitantes também podem mudar para outra visualização no próprio horário.