O Zenamu disponibiliza um script que permite incorporar o horário das aulas diretamente no seu site. O site mostra o horário na vista que escolher em Vista do horário (consulte Como escolho a vista do horário incorporado? mais abaixo). O horário é totalmente responsivo (ajusta-se automaticamente a diferentes dispositivos e tamanhos de ecrã) e integra-se bem com os restantes componentes da página.
A integração é simples e não demora mais do que 5 minutos. Basta copiar um pequeno trecho de código e colá-lo no seu site. São necessários conhecimentos básicos de HTML e JavaScript (recomendamos que trabalhe em conjunto com o seu webmaster).
Se o seu site funciona num sistema de gestão de conteúdo, a integração também é possível. Consulte os tutoriais para incorporar um horário em Webnode, WordPress ou Wix.com.
Adicionar ao seu site — passo a passo
1. Inserir o script
Há duas formas de inserir o script:
a. No cabeçalho (<head>) da página HTML
Coloque o seguinte código entre as tags <head> do seu site. Se inserir o script no cabeçalho, não se esqueça do atributo defer — caso contrário, o horário não será apresentado.
Horário das 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. No corpo (<body>) da página HTML
Coloque o seguinte código no final da página HTML, imediatamente antes da tag de fecho </body>:
Horário das 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 a seguinte <div> no local do seu site onde pretende que o horário apareça:
Horário das aulas
<div id="zenamu-calendar" calendar-id="[o seu ID de calendário]"></div>
Eventos e workshops
<div id="zenamu-workshops" calendar-id="[o seu ID de calendário]"></div>
Cursos
<div id="zenamu-courses" calendar-id="[o seu ID de calendário]"></div>
[o seu ID de calendário] — substitua pelo seu ID único, que encontra no painel de administração do Zenamu.
Pode copiar o código completo, já com o seu ID de calendário preenchido, no painel de administração: aceda a Definições > Página do horário, abra o separador Horário público e, em Widgets para o seu site, expanda Horário, Eventos e workshops ou Cursos. A mesma secção tem também o código de um widget de Marcações.
3. Pronto!
Eis o aspeto do horário incorporado:
Eventos e workshops
Cursos
Como escolho a vista do horário incorporado?
O código do horário é o mesmo para todas as vistas. A vista é uma definição no Zenamu:
Aceda a Definições > Página do horário e abra o separador Horário público.
Em Widgets para o seu site, expanda Horário.
Em Vista do horário, clique em Calendário semanal com horário das aulas, Lista das próximas 30 ou Lista semanal. O Zenamu guarda a sua escolha de imediato e não precisa de alterar o código no seu site.
A vista de lista não está limitada a 30 dias: mostra as próximas aulas 30 de cada vez, e os visitantes podem carregar mais. Os visitantes também podem mudar para outra vista no próprio horário.