Vai all’articolo

Incorpora un planning in un sito web

Mostra un planning pubblicato sul tuo sito con altezza automatica o dimensioni fisse.

Ultima revisione

In questa pagina

Prima di iniziare

  • Accedi come proprietario e pubblica il planning. Il piano gratuito consente di pubblicare il planning principale; gli altri richiedono Pro.
  • Usa l’editor web per le opzioni Incorpora. Non vengono mostrate nell’app Android.
  • Avere il permesso di modificare un’area del sito che accetta un iframe. L’altezza automatica richiede anche un tag script.

Scegli lingua e titolo

  1. Apri Condividi → Incorpora per il planning pubblicato.

  2. Scegli Lingua, poi imposta Titolo del planning su Mostra o Nascondi. La lingua cambia l’interfaccia incorporata, non il testo degli eventi.

La sincronizzazione automatica del calendario può rendere visibili qui eventi futuri e aggiornamenti; le descrizioni disponibili sono sempre incluse, senza possibilità di disattivarle. Controlla ciò che stai condividendo. Scollegare la sincronizzazione non annulla la pubblicazione degli eventi conservati; annulla la pubblicazione separatamente per interrompere l’accesso pubblico.

Scegli una delle opzioni di dimensionamento qui sotto. Copia nella finestra include il token pubblico corrente del planning e le opzioni selezionate.

Opzione 1: Altezza automatica

Imposta Dimensioni dell’incorporamento su Automatico e copia sia l’iframe sia lo script embed.js. Lo script adatta l’altezza al planning. Se il sito rimuove i tag script, usa dimensioni fisse.

Sostituisci TOKEN con il token pubblico del link pubblicato, non con il nome del planning o l’ID privato. Oppure copia il codice completo da Condividi → Incorpora.

html
<iframe src="https://schedulebuilder.net/e/TOKEN" width="100%" height="240" style="border:0;display:block" loading="lazy" title="Weekly schedule"></iframe>
<script async src="https://schedulebuilder.net/embed.js"></script>

Opzione 2: Dimensioni fisse

Imposta Dimensioni dell’incorporamento su Personalizzato, inserisci Larghezza e Altezza e copia l’iframe. Questa alternativa non richiede embed.js. L’esempio sotto usa tutta la larghezza disponibile e un’altezza fissa di 600 pixel.

Personalizzato mostra Larghezza e Altezza. L’URL e il token di esempio non funzionano; copia il tuo codice da Condividi → Incorpora. L’interfaccia nello screenshot è in inglese.

Sostituisci TOKEN con il token pubblico corrente oppure copia il codice configurato da Condividi → Incorpora. Regola le dimensioni per adattarle alla pagina.

html
<iframe src="https://schedulebuilder.net/e/TOKEN" width="100%" height="600" style="border:0" loading="lazy" title="Weekly schedule"></iframe>

Inserisci e controlla l’incorporamento

  1. Incolla il codice dell’alternativa scelta nell’area HTML o di codice personalizzato del sito.

  2. Salva la pagina e visualizzala su desktop e mobile. Controlla lingua, visibilità del titolo e dimensioni.

L’incorporamento mostra il planning e i dettagli degli eventi di sola lettura, con una filigrana e un link ScheduleBuilder sotto. Le modifiche salvate appaiono senza sostituire il codice finché la stessa pubblicazione resta attiva. Con l’altezza automatica, l’intero planning dovrebbe essere visibile; se resta tagliato, verifica che il sito abbia consentito embed.js oppure usa dimensioni fisse.

Gli incorporamenti escludono le attività private, le note delle attività e il blocco Note del proprietario. Le descrizioni degli eventi rimangono visibili nei dettagli degli eventi. Non sono inclusi i controlli di esportazione, stampa, condivisione social, Modifica e Crea il tuo della pagina pubblica né il branding personalizzato del proprietario.