Knowledge Base

Ottieni un web hosting di qualità

Scegli l'affidabilità e l'esperienza di SiteGround!

Inizio / Website Builder / Modulo di Contatto / Come integrare Calendly su SiteGround Website Builder e Ecommerce

Come integrare Calendly su SiteGround Website Builder e Ecommerce

Riassumi questo articolo con:
Ultimo aggiornamento: May 27, 2026 1 min di lettura

Calendly consente ai tuoi visitatori di programmare facilmente riunioni, consulenze o appuntamenti direttamente dal tuo sito web.

Con SiteGround Website Builder ed Ecommerce, puoi integrare rapidamente Calendly in qualsiasi pagina:

  • aggiungendo una sezione Calendly predefinita
  • aggiungendo un componente Calendly

NOTA: Per utilizzare questa funzione, è necessario disporre di un account Calendly e di almeno un evento creato nella dashboard di Calendly.

Come aggiungere una sezione Calendly

Segui i passaggi successivi per aggiungere la tua sezione di prenotazione Calendly:

  1. Vai su Site Admin > Website Builder e clicca su Modifica Sito Web.
    Edit Website button in Site Admin of Website Builder
  2. Vai su Pagine e scegli la pagina in cui desideri che appaia l’opzione di prenotazione.
  3. Clicca sul pulsante Aggiungi Sezione.
    Pages section in Website Builder with a selected page displaying the Add Section button
  4. Nella finestra a comparsa, vai alla categoria Calendly e passa il mouse sopra il layout della sezione Calendly scelta. Premi il pulsante Aggiungi Sezione per aggiungerlo alla pagina.
    A pop-up window for adding a section with a selected Calendly section layout
  5. Una volta aggiunta la sezione, clicca sul calendario di Calendly e seleziona l’icona della matita (Modifica) dalla barra degli strumenti in alto.
  6. Nella finestra a comparsa che appare sul lato destro del calendario, inserisci l’indirizzo per il Calendly Event Link. Questo incorporerà il tuo calendario di programmazione direttamente nel tuo sito.
    A page in Website Builder with a selected Calendly component displaying editing options

    NOTA: Un link corretto dovrebbe apparire in questo formato: https://calendly.com/username/event-name

  7. Per modificare l’aspetto della sezione, passaci sopra con il mouse e premi l’icona Modifica Sezione (matita) dalla barra degli strumenti nell’angolo in alto a destra.
    Edit Section button in the toolbar of a Calendly section
  8. Nella finestra delle impostazioni, apri la scheda Generale per modificare la dimensione della spaziatura della griglia e il padding. Apri la scheda Design per cambiare la tavolozza dei colori o impostare un’immagine di sfondo.
    Calendly section in Website Builder displaying its editing options

Come aggiungere un componente Calendly

Puoi anche aggiungere un componente Calendly a una sezione esistente. Ecco i passaggi:

  1. Apri la scheda Pagine, seleziona una pagina e vai alla sezione della pagina in cui desideri aggiungere il componente.
    Pages section in Website Builder with a selected page
  2. Clicca sul pulsante Aggiungi nell’angolo in alto a sinistra della sezione.
    A Website Builder page with a selected section displaying the Add button for adding a component
  3. Dal menu Aggiungi Componente, seleziona il componente Calendly.
    Add Component menu with a selected Calendly component
  4. Trascina e rilascia il componente nella posizione preferita all’interno dell’area della griglia della sezione.
    A section's grid area where you can drag and drop a Calendly component
  5. Clicca sul componente e seleziona l’icona della matita (Modifica) dalla barra degli strumenti in alto.
  6. Nella finestra a comparsa sulla destra, inserisci l’indirizzo per il Calendly Event Link.
    Selected Calendly component showing the settings window to add a Calendly link



    NOTA: Un link corretto dovrebbe apparire in questo formato: https://calendly.com/username/event-name

Condividi questo articolo