Zenamu offre uno script per incorporare il calendario delle lezioni nel Suo sito web. Sul sito verrà quindi visualizzato l'elenco delle lezioni in programma nei successivi 30 giorni. L'elenco è completamente responsivo (si adatta automaticamente a diversi dispositivi e schermi) e si integra perfettamente 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/evento
<script defer src="https://zenamu.com/calendar/eventos.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/evento
<script src="https://zenamu.com/calendar/eventos.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/evento
<div id="zenamu-eventos" 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ò trovare il codice nel Suo pannello di amministrazione (acceda a Zenamu e vada su Impostazioni > Programma pubblico > Integrazione con il Suo sito web).
3. Fatto
Ecco come appare il risultato finale.
Elenco delle lezioni
Eventi
Corsi
