Aggiungi l'app Eventi di Google Calendar al tuo sito per tenere il tuo pubblico aggiornato sul tuo programma.
Visualizzando il tuo calendario, puoi mostrare la tua disponibilità, i prossimi eventi e altro ancora. Puoi aggiornare il layout del calendario per mostrare il programma del mese, della settimana o del giorno. Per allinearti al tuo brand, puoi anche personalizzare la palette di colori e i caratteri del calendario.
Passaggio 1 | Aggiungi Eventi di Google Calendar al tuo sito
Aggiungi l'app Eventi di Google Calendar al tuo sito dal Wix App Market.
- Clicca su Aggiungi app
sul lato sinistro dell'Editor - Cerca l'app Eventi di Google Calendar nella barra di ricerca
- Clicca su Aggiungi al sito
Passaggio 2 | Connetti il tuo account Google
Puoi accedere a qualsiasi tuo account Google per sincronizzare il calendario eventi.
Per collegare il tuo account Google:
- Clicca sul calendario nell'Editor
- Clicca su Impostazioni
- Clicca su Connetti account
- Inserisci le credenziali dell'account che desideri visualizzare
- Clicca su Consenti per concedere l'accesso a Wix.com
Passaggio 3 | Imposta la visibilità dei tuoi eventi
Scegli quali dei tuoi eventi mostrare ai visitatori del sito, quali far vedere come occupati e quali eventi sono privati.
Per selezionare la visibilità dei tuoi eventi:
- Clicca sul calendario nell'Editor
- Clicca su Impostazioni
- Clicca sulla scheda Calendari
- Seleziona le caselle di spunta accanto ai calendari che vuoi siano visibili ai visitatori del tuo sito o visibili ma con i dettagli nascosti.
Passaggio 4 | Modifica il layout, ciò che viene mostrato e le impostazioni
Personalizza il formato del tuo calendario e il modo in cui i dettagli dei tuoi eventi vengono visualizzati dai visitatori del sito:
- In Layout, puoi modificare il calendario per mostrare un mese, una settimana o l'agenda del giorno
- In Mostra, puoi scegliere di mostrare il fuso orario, l'ora di inizio dell'evento e come visualizzare gli eventi privati
- In Impostazioni, puoi selezionare il formato dell'ora come 12 o 24 ore, il giorno della settimana in cui inizia il calendario e se il calendario mostra il fuso orario dei visitatori del sito o un fuso orario personalizzato
Per personalizzare il layout, ciò che viene mostrato e le impostazioni:
- Clicca sul calendario nell'Editor
- Clicca su Impostazioni
- Clicca per espandere i passaggi per personalizzare le schede Layout, Mostra e Impostazioni:
Scegli un layout per il tuo calendario
- Clicca sulla scheda Layout
- Scegli il tuo layout:
- Mensile: mostra l'intero mese in formato griglia
- Allineamento calendario: scegli di allineare il tuo calendario a sinistra o al centro
- Ridimensionamento cella: scegli in che modo si comporta la cella quando viene ridimensionata:
- Rapporto 1:1: mantiene la forma quadrata della cella quando si ridimensiona il calendario
- Rapporto flessibile: modifica la forma cella quando si ridimensiona il calendario
- Settimanale: mostra il calendario con ogni giorno della settimana in alto
- Allineamento calendario: scegli di allineare il tuo calendario a sinistra o al centro
- Altezza del calendario: scegli come si comporta il calendario quando aggiungi o rimuovi contenuto:
- Prestabilita: mantiene l'altezza impostata
- Responsiva: ridimensiona automaticamente il calendario per mostrare tutti i tuoi eventi ogni settimana
- Agenda: mostra il calendario in ordine cronologico e con il giorno corrente in alto
- Altezza del calendario: scegli il comportamento del calendario quando aggiungi/rimuovi contenuto:
- Prestabilita: mantiene l'altezza impostata
- Responsiva: ridimensiona automaticamente il calendario per mostrare tutti i tuoi eventi ogni settimana
Aggiorna le impostazioni di visualizzazione
- Clicca sulla scheda Mostra
- Scegli le tue impostazioni di visualizzazione:
- Mostra fuso orario: clicca sull'interruttore Mostra fuso orario per mostrare o nascondere il fuso orario sul calendario
- Mostra orario di inizio dell'evento: clicca sull'interruttore Mostra orario di inizio dell'evento per mostrare o nascondere l'ora di inizio sul calendario
- Mostra eventi privati: clicca sull'interruttore Mostra eventi privati per mostrare o nascondere gli eventi privati sul calendario
- Mostra eventi privati come: clicca su Privato per inserire un nuovo nome per tutti gli eventi privati
Nota: le opzioni dipendono dal layout scelto.
Modifica le impostazioni dell'app
- Clicca sulla scheda Impostazioni
- Scegli le tue impostazioni dell'app:
- Formato ora: seleziona come viene visualizzata l'ora:
- 12 ore: le ore del mattino e del pomeriggio vengono visualizzate con un suffisso am o pm
- 24 ore: Le ore del giorno appaiono come numeri 00:00 - 23:59
- La settimana inizia da: scegli un giorno per iniziare la settimana
- Lingue: seleziona la lingua
- Fuso orario: scegli come applicare il fuso orario:
- In base alla posizione del visitatore del sito: la posizione del visitatore determina il fuso orario
- Fuso orario personalizzato: puoi impostare il fuso orario personalizzato del calendario utilizzando le opzioni disponibili
Passaggio 5 | Progetta il design del tuo calendario
Puoi personalizzare il design del tuo calendario per completare il tuo sito, abbinarlo ai tuoi caratteri e allinearlo alla palette dei colori del tuo brand.
Per progettare il design del tuo calendario:
- Clicca sul calendario nell'Editor
- Clicca su Impostazioni
- Clicca sulla scheda Design
- Scegli gli elementi che vuoi personalizzare:
- Colore e opacità: imposta un colore e un'opacità per il titolo
- Colore e stile carattere mese e anno: imposta un tema del testo, un carattere e una dimensione del carattere
- Colore e opacità sfondo: imposta un colore e un'opacità per lo sfondo
- Griglia calendario: imposta un colore per il bordo e un'opacità
- Colore e stile testo giorni feriali: imposta il tema del testo, il carattere e la dimensione del carattere nei giorni feriali
- Stile del testo della data: imposta un tema del testo, un carattere e una dimensione del carattere
- Colore data corrente: imposta un colore per evidenziare il giorno corrente nel calendario
- Colore mese corrente: imposta un colore per evidenziare il mese corrente nel calendario
- Colore dei mesi precedente e successivi: imposta il colore del mese precedente e successivo
- Colore e stile nome evento: imposta il tema del testo, il carattere e la dimensione del carattere del nome dell'evento
- Colore e stile ora evento: imposta il tema del testo, il carattere e la dimensione del carattere dell'ora dell'evento
- Larghezza indicatore evento: imposta la larghezza dell'indicatore evento
- Raggio angolo evento: imposta il raggio dell'angolo
- Colori evento: seleziona "Usa colori del tema del sito" o "Utilizza i colori di Google Calendar"
- Stile tasto: scegli uno stile per il tasto, tra le opzioni disponibili
- Stile e colore carattere: imposta il tema del testo, il carattere, la dimensione del carattere e il colore del tasto
- Colore e opacità bordo: imposta il colore del bordo e l'opacità del tasto
- Larghezza bordo: imposta la larghezza del bordo del tasto
