Calendly

Incorporare un calendario di prenotazione di Calendly nel tuo sito creato con RevasOS è facile e ti permette di gestire appuntamenti e prenotazioni in modo professionale. Segui i passaggi qui sotto.

Attenzione alla privacy

Quando inserisci questo tipo di scripts che possono installare cookies o raccogliere informazioni sull'utente e i suoi dispositivi, ricordati di avere sempre attiva la gestione dei consensi tramite Consent Platform Managemtn, ad esempio Iubenda.

Ottieni il codice

1. Accedi al tuo account Calendly: Vai su Calendly e accedi con le tue credenziali.

2. Crea un evento:

   • Nella dashboard di Calendly, clicca su + Nuovo evento o seleziona un evento esistente.
   • Configura i dettagli dell'evento:
     • Nome, descrizione e durata dell'appuntamento.
     • Disponibilità (giorni e orari in cui sei disponibile).
   • Salva l'evento.

3. Ottieni il codice embed:

   • Nella pagina dell'evento, clicca su Condividi.
   • Seleziona l'opzione Aggiungi al tuo sito web.
   • Scegli il tipo di integrazione che preferisci:
     • Inline Embed (calendario direttamente nella pagina).
     • Popup Widget (calendario come pulsante che si apre in popup).
   • Copia il codice HTML fornito.

---

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 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 o del widget. Ecco come:

1. Copia il codice dell'iframe o del widget 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 Calendly 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 Calendly 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 Calendly nel tuo sito RevasOS, offrendo ai visitatori un’esperienza di prenotazione intuitiva e senza intoppi. 📆✨