O Zenamu disponibiliza um script que permite incorporar o horário das aulas diretamente no seu site. O site apresentará uma lista de aulas nos próximos 30 dias. A lista é totalmente responsiva (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
<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
<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
<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 encontrar o código no painel de administração (inicie sessão no Zenamu e aceda a Definições > Horário público > Integração com o seu site).
3. Pronto!
Eis o aspeto do horário incorporado:
Eventos
Cursos
