Skip to content

Calendario di prenotazione di Google Calendar

Incorporare un calendario di prenotazione (con timeslot) di Google Calendar nel tuo sito creato con RevasOS è facile e ti permette di gestire appuntamenti e prenotazioni direttamente dal tuo sito. Segui i passaggi qui sotto.

Ottieni il codice

  1. Accedi al tuo account Google: Vai su Google Calendar e accedi con le tue credenziali.
  2. Crea un calendario di prenotazione:
    • Vai nella scheda Prenotazioni o seleziona il calendario principale.
    • Clicca su Crea e scegli Orari di disponibilità.
    • Configura gli orari di disponibilità:
      • Definisci i giorni e gli orari in cui sei disponibile.
      • Personalizza la durata degli slot di prenotazione (ad esempio, 30 minuti).
      • Aggiungi eventuali note o dettagli utili per chi prenota.
    • Salva il calendario di prenotazione.
  3. Ottieni il link o il codice di prenotazione:
    • Vai nelle impostazioni del calendario.
    • Trova l'opzione Condividi prenotazioni.
    • Copia il link per la pagina delle prenotazioni o il codice embed (inizia con <iframe>).

Inserisci il codice su RevasOS

Ottenuto il codice, vai su RevasOS e:

  1. Vai nella pagina in cui desideri inserire il calendario di prenotazione.
  2. Clicca su Nuovo blocco e seleziona Nuovo blocco di codice.
  3. Incolla il codice nel blocco.
  4. Salva la pagina per rendere visibile il calendario di prenotazione sul tuo sito.

Modificare la dimensione e l'aspetto del calendario inserito

Se desideri cambiare la dimensione del calendario (ad esempio, renderlo a tutta pagina o centrarlo con del padding), puoi farlo modificando il codice HTML dell'iframe. Ecco come:

  1. Copia il codice dell'iframe del calendario che hai già inserito.
  2. Incollalo in un prompt per ChatGPT con una richiesta come questa:
    • Per renderlo tutta pagina: Modifica questo codice HTML per rendere il calendario di prenotazione a tutta pagina. Voglio solo codice HTML con CSS inline, niente JavaScript, ecco il codice: [sostituisci questo spazio con il tuo codice di embed]
    • Per centrarlo nella pagina: Modifica questo codice HTML per rendere il calendario di prenotazione centrato, con padding attorno. Voglio solo codice HTML con CSS inline, niente JavaScript, ecco il codice: [sostituisci questo spazio con il tuo codice di embed]
  3. Copia il risultato del codice.
  4. Su RevasOS:
    • Vai nella pagina in cui desideri inserire il calendario modificato.
    • Clicca su Nuovo blocco e seleziona Nuovo blocco di codice.
    • Incolla il codice nel blocco e salva.

Con questa guida puoi facilmente integrare i calendari di prenotazione di Google Calendar nel tuo sito RevasOS, migliorando la gestione degli appuntamenti e l’esperienza degli utenti. ⏰✨

RevasOS