Vai al contenuto principale

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

Aggiornato oltre un mese fa

Zenamu offre uno script per incorporare il programma delle lezioni nel Suo 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 Sua pagina. Per eseguire il lavoro è necessaria una conoscenza di base di HTML e JavaScript. Pertanto, Le consigliamo di effettuare questa opzione di integrazione con l'amministratore del Suo sito web.

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

1. Inserimento dello script

Può inserire lo script in due modi:

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

Inserisca la riga di codice esattamente in questa forma tra i tag della Sua pagina. Se inserisce lo script in questo modo nell'intestazione, non dimentichi 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

Posizioni 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

Aggiunga il seguente <div>: nel punto in cui desidera che la pianificazione appaia sulla Sua pagina:

Elenco delle lezioni

<div id="zenamu-calendar" calendar-id="[ID del Suo calendario]"></div>

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

Sostituisca [il Suo ID calendario] con il Suo ID univoco, che può trovare nell'amministrazione del Suo account.

  • Può trovare il codice nella Sua amministrazione (acceda a Zenamu e vada su Impostazioni > Programmazione pubblica > _ Incorpora pianificazione nelle Sue pagine_).

3. Fatto

Sembra simile al nostro programma qui sotto 😏.

Elenco delle lezioni

Workshop

Corsi

Hai ricevuto la risposta alla tua domanda?