Compatibilità:

WebSite X5 Evo e Pro

Se già usi Google Calendar, sai quanto sia utile per gestire appuntamenti, scadenze e ricorrenze senza perderti nulla.

Ti piacerebbe integrare i calendari con i quali organizzi la tua attività nel sito web? I tuoi utenti potrebbero controllare gli eventi, verificare le disponibilità e poi, magari, chiamarti per prenotare. Con il nuovo Oggetto Opzione Google Full Calendar lo puoi fare con estrema semplicità. Integri i calendari Google in un click, li personalizzi e hai la sicurezza che siano sempre aggiornati in tempo reale. Guarda alcuni esempi nella pagina di Anteprima, provalo e porta la tua organizzazione al livello successivo!


Importare i calendari

Il passo preliminare è ovviamente aver già creato uno o più calendari con Google Calendar:

  • Accedi a Google Calendar: nella colonna sulla sinistra trovi la lista di tutti i tuoi calendari.
  • Posizionati con il mouse sul calendario che intendi importare nel tuo sito web in modo da far comparire il pulsante con i 3 puntini: nel menu richiamato clicca sulla voce Impostazioni.
  • Nella sezione Integra calendario trovi l'ID calendario: selezionalo e copialo (puoi usare la combinazione di tasti CTRL+C).
#tip - Attenzione: per poter ottenere l'ID è necessario che il tuo calendario sia impostato come 'pubblico'. Se hai bisogno di maggiori informazioni sul funzionamento di Google Calendar, consulta la Guida ufficiale.   


  • Ora passa a WebSite X5, apri il tuo progetto e inserisci l'Oggetto Google Full Calendar nella pagina in cui vuoi che sia presente il calendario.
  • Fai doppio click sull'Oggetto appena inserito in modo da accedere alla finestra delle impostazioni.  
  • Rimani nella sezione Contenuti e clicca sul pulsante Aggiungi: un nuovo calendario viene aggiunto nell'Elenco calendari. 
  • Seleziona nell'elenco il calendario aggiunto e usa il campo Titolo per dargli un nome più significativo.
  • Incolla (con la combinazione di tasti CTRL+V) l'ID che hai ricavato da Google Calendar nel campo ID calendario. 
  • Definisci il Colore di Sfondo e il Colore di Testo con i quali desideri che vengano visualizzati gli eventi sul calendario.


Ripeti queste operazioni per inserire tutti i calendari che ti occorrono: con i comandi Aggiungi e Rimuovi sei libero di aggiungere più di un calendario e di rimuovere quelli che non desideri più che siano integrati. 

Questo rende il tutto molto versatile. Se, per esempio, hai una palestra potresti inserire il calendario relativo al corso di Spinning, quello del corso di CrossFit e quello con le lezioni di Pilates. In questo modo, gli utenti del tuo sito vedranno su un unico calendario tutti gli eventi dei tre corsi, ognuno contraddistinto da un colore diverso, e avranno una panoramica completa delle attività che offri.


Definire le impostazioni      

Occupati ora di definire come vuoi che venga visualizzato il calendario inserito nella tua pagina web:

  • Accedi alla sezione Impostazioni. 
  • Per prima cosa decidi che dimensioni deve avere il calendario. Se attivi l'opzione Abilita altezza automatica, il calendario assumerà un'altezza calcolata, secondo un rapporto prestabilito, in base alla larghezza che ha nella pagina (determinata dall'impaginazione degli oggetti). Se non attivi questa opzione, invece, hai la possibilità di impostare un'altezza fissa in pixel: nel caso questa altezza non fosse sufficiente per visualizzare tutto il calendario, verrà prevista la barra di scroll.
  • A questo punto, in base al risultato che vuoi ottenere, valuta se attivare o meno le seguenti Opzioni:
    • Abilita collegamento ai dettagli dell'evento: cliccando su un evento presente sul calendario, l'utente potrà visualizzare la scheda con i dettagli (se previsti) e decidere di aggiungerlo al proprio calendario.   
    • Mostra ora dell'evento
    • Mostra Giorni non lavorativi: in questo caso è necessario che in Google Calendar sia stato attivato e definito l'Orario di lavoro (per maggiori informazioni su come fare, Consulta la Guida di Google Calendar: Impostare orario e luogo di lavoro). 
    • Mostra numero della settimana
  • Infine, decidi quali Viste vuoi rendere disponibili per gli utenti che consultano il calendario. Le viste disponibili sono: Anno, Mese, Settimana, Giorno, Settimana con ore, Giorno con ore. Se attivi la vista Anno, il calendario visualizzerà tutti i mesi dell'anno e tu puoi decidere su quante colonne disporre le tabelle relative a ciascun mese (attraverso l'opzione Colonne per i mesi). Per ogni vista attivata viene automaticamente aggiunto un pulsante nella barra dell'intestazione del calendario: il questo modo gli utenti avranno la possibilità di passare da una vista all'altra, scegliendo quella a loro più congeniale fra quelle che avrai reso disponibili. Attraverso l'opzione Vista predefinita, puoi impostare quale vista deve essere proposta di default all'apertura del calendario.    

Definire lo stile

Infine, non ti rimane che dare al tuo calendario uno stile grafico che si armonizzi con quello della pagina web in cui sarà inserito:

  • Accedi alla sezione Stile.
  • Attraverso l'opzione Elementi da stilizzare, seleziona l'elemento su cui vuoi intervenire. In base all'elemento selezionato potrai agire su impostazioni diverse.
  • Selezionando l'elemento 1 - Generale, puoi definire alcune impostazioni grafiche relative al calendario preso nel suo complesso: tipo di font, dimensioni e colore dei testi; il colore di dello sfondo e del brodo della griglia; il colore dei testi e degli sfondi legati a elementi o eventi diversi.    
  • Se, invece, selezioni l'elemento 2 - Intestazione, agisci sulla parte di intestazione del calendario e puoi definire:
    • Se mostrare o meno il titolo del calendario. Nel caso, il contenuto del titolo è definito in base alla vista. Del titolo puoi decidere dimensioni, colore e font.
    • Il Colore di Sfondo    
  • Da ultimo, puoi selezionare l'elemento 3 - Pulsanti e definire lo stile dei pulsanti di navigazione e dei pulsanti relativi alle viste, presenti nell'intestazione del calendario. Nello specifico puoi:
    • Specificare quali pulsanti di navigazione rendere disponibili: attraverso l'opzione Tipo, puoi scegliere che non venga visualizzato alcun pulsante di navigazione (Nessuno); solo i pulsanti Avanti e Indietro; i pulsanti Avanti, Indietro e Oggi. In qualsiasi caso i pulsanti relativi alle eventuali viste continueranno ad essere visualizzati.
    • Impostare il colore che deve essere usato per il testo, lo sfondo e il bordo dei pulsanti, sia per lo Stato rilasciato che per lo Stato attivo.


#tip - Alternative. Oltre all'Oggetto Google Full Calendar è disponibile anche l'Oggetto Full Calendar. Tra i 2 oggetti esiste una differenza sostanziale. Google Full Calendar sfrutta l'ID per incorporare il calendario di Google Calendar dentro la pagine web: il calendario potrà essere modificato da Google Calendar e sarà sempre aggiornato in tempo reale ovunque venga visualizzato. Full Calendar, invece, prevede l'esportazione/importazione dei calendari in file .ICS: eventuali modifiche su Calendari originali comporteranno, dunque, la necessità di aggiornare i file ICS utilizzati nell'oggetto.     


Impaziente di usarlo nelle pagine del tuo sito? Installa subito l’Oggetto Google Full Calendar


Non hai Crediti a sufficienza per acquistare questo Oggetto? Vedi tutti i pacchetti di Crediti