Zenamu offre uno script per incorporare il calendario delle lezioni nel Suo sito web. Sul sito il calendario viene mostrato nella visualizzazione scelta in Visualizzazione del programma (vedi Come posso scegliere la visualizzazione del calendario incorporato? più sotto). Il calendario è completamente responsivo (si adatta automaticamente a diversi dispositivi e schermi) e si integra bene con gli altri elementi della pagina.
L'integrazione è semplice e non richiederà più di 5 minuti. Basta copiare un piccolo pezzo di codice e incollarlo nella Sua pagina. È necessaria una conoscenza di base di HTML e JavaScript, per cui Le consigliamo di procedere insieme all'amministratore del Suo sito web.
Se gestisce il Suo sito web tramite un sistema di gestione dei contenuti, l'integrazione è comunque possibile. Consulti i nostri tutorial per incorporare il calendario in un sito Webnode, WordPress o Wix.com.
Come integrare il calendario nel Suo sito web — passo dopo passo
1. Inserimento dello script
Può inserire lo script in due modi:
a. Nell'intestazione (<head>) della pagina HTML
Inserisca la seguente riga di codice tra i tag <head> della Sua pagina. Se inserisce lo script nell'intestazione, non dimentichi l'attributo defer, altrimenti il calendario non verrà visualizzato.
Elenco delle lezioni
<script defer src="https://zenamu.com/calendar/list.js" crossorigin></script>
Elenco degli eventi e workshop
<script defer src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Elenco dei corsi
<script defer src="https://zenamu.com/calendar/courses.js" crossorigin></script>
b. All'interno del corpo (<body>) della pagina HTML
Posizioni la seguente riga di codice nella parte inferiore della pagina, subito prima del tag di chiusura </body>:
Elenco delle lezioni
<script src="https://zenamu.com/calendar/list.js" crossorigin></script>
Elenco degli eventi e workshop
<script src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Elenco dei corsi
<script src="https://zenamu.com/calendar/courses.js" crossorigin></script>
2. Inserimento dell'elemento
Aggiunga il seguente <div> nel punto in cui desidera che il calendario appaia sulla Sua pagina:
Elenco delle lezioni
<div id="zenamu-calendar" calendar-id="[ID del Suo calendario]"></div>
Elenco degli eventi e workshop
<div id="zenamu-workshops" calendar-id="[ID del Suo calendario]"></div>
Elenco dei corsi
<div id="zenamu-courses" calendar-id="[ID del Suo calendario]"></div>
[ID del Suo calendario] — sostituisca questo valore con il Suo ID univoco, che può trovare nel pannello di amministrazione di Zenamu.
Può copiare il codice completo, con l'ID del Suo calendario già inserito, nel Suo pannello di amministrazione: vada su Impostazioni > Pagina programma, apra la scheda Programma pubblico e in Widget per il Suo sito web espanda Programma, Eventi e workshop o Corsi. Nella stessa sezione trova anche il codice per un widget Appuntamenti.
3. Fatto
Ecco come appare il risultato finale.
Elenco delle lezioni
Eventi e workshop
Corsi
Come posso scegliere la visualizzazione del calendario incorporato?
Il codice del calendario è lo stesso per ogni visualizzazione. La visualizzazione si imposta in Zenamu:
Vada su Impostazioni > Pagina programma e apra la scheda Programma pubblico.
In Widget per il Suo sito web, espanda Programma.
In Visualizzazione del programma, clicchi su Calendario settimanale con il programma delle lezioni, Elenco delle prossime 30 lezioni o Elenco settimanale. Zenamu salva subito la scelta e non occorre modificare il codice sul Suo sito.
La visualizzazione a elenco non è limitata a 30 giorni: mostra le lezioni in programma 30 alla volta e i visitatori possono caricarne altre. I visitatori possono anche passare a un'altra visualizzazione direttamente nel calendario.