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
- Accedi al tuo account Google: Vai su Google Calendar e accedi con le tue credenziali.
- 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.
- 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:
- Vai nella pagina in cui desideri inserire il calendario di prenotazione.
- Clicca su Nuovo blocco e seleziona Nuovo blocco di codice.
- Incolla il codice nel blocco.
- 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:
- Copia il codice dell'iframe del calendario che hai già inserito.
- 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]
- Per renderlo tutta pagina:
- Copia il risultato del codice.
- 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. ⏰✨