Vai al contenuto principale

Come faccio a incorporare il programma nel mio sito web utilizzando JavaScript?

Aggiornato questa settimana

Zenamu offre uno script per incorporare il programma delle lezioni nel tuo sito web. Sul sito verrà quindi visualizzato l'elenco delle lezioni svolte nei successivi 30 giorni. L'elenco è completamente reattivo (si adatta automaticamente alla larghezza su diversi dispositivi e schermi) ed è compatibile con altri elementi del sito.

L'integrazione in sé è semplice e non richiederà più di 5 minuti. È solo questione di copiare un piccolo pezzo di codice e incollarlo nella tua pagina. Per eseguire il lavoro è necessaria una conoscenza di base di HTML e JavaScript. Pertanto, ti consigliamo di effettuare questa opzione di integrazione con l'amministratore del tuo sito web.

Se gestisci il tuo sito web su un sistema di gestione dei contenuti, è possibile anche qui l'integrazione. Dai un'occhiata ai nostri tutorial per incorporare una pianificazione in un sito web con Webnode, WordPress o Wix.com.

1. Inserimento dello script

Puoi inserire lo script in due modi:

A). O tramite uno script nell'intestazione (<head>) della pagina HTML

Inserisci la riga di codice esattamente in questa forma tra i tag della tua pagina. Se inserisci lo script in questo modo nell'intestazione, non dimenticare l'attributo defer, altrimenti la pianificazione non verrà visualizzata.

Elenco delle lezioni

<script defer src="https://zenamu.com/calendar/list.js" crossorigin></script>

Elenco dei 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). O all'interno del corpo (<body>) della pagina HTML

Posiziona la riga di codice esattamente in questo modo nella parte inferiore della pagina appena prima del tag finale </body>:

Elenco delle lezioni

<script src="https://zenamu.com/calendar/list.js" crossorigin></script>

Elenco dei 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 del blocco

Aggiungi il seguente <div>: nel punto in cui desideri che la pianificazione appaia sulla tua pagina:

Elenco delle lezioni

<div id="zenamu-calendar" calendar-id="[ID vašeho kalendáře]"></div>

Elenco dei workshop

<div id="zenamu-workshops" calendar-id="[ID vašeho kalendáře]"></div>

Elenco dei corsi

<div id="zenamu-courses" calendar-id="[ID vašeho kalendáře]"></div>

Sostituisci [il tuo ID calendario] con il tuo ID univoco, che puoi trovare nell'amministrazione del tuo account.

  • Puoi trovare il codice nella tua amministrazione (accedi a Zenamu e vai su Impostazioni > Programmazione pubblica > _ Incorpora pianificazione nelle tue pagine_).

3. Fatto

Sembra simile al nostro programma qui sotto 😏.

Kurz

Elenco delle lezioni

Hai ricevuto la risposta alla tua domanda?