Vai al contenuto principale

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

Aggiornato oltre 2 mesi fa

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 😏.

Elenco delle lezioni

Workshop

Corsi

Hai ricevuto la risposta alla tua domanda?