![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 16.071 12.955 L 16.071 9.651 C 16.071 8.941 15.496 8.365 14.786 8.365 L 9.643 8.365 L 9.643 5.061 C 10.897 4.737 11.714 3.532 11.551 2.247 C 11.388 0.963 10.295 0 9 0 C 7.705 0 6.612 0.963 6.449 2.247 C 6.286 3.532 7.103 4.737 8.357 5.061 L 8.357 8.365 L 3.214 8.365 C 2.504 8.365 1.929 8.941 1.929 9.651 L 1.929 12.955 C 0.675 13.279 -0.142 14.484 0.021 15.769 C 0.184 17.053 1.277 18.016 2.572 18.016 C 3.866 18.016 4.959 17.053 5.122 15.769 C 5.286 14.484 4.468 13.279 3.214 12.955 L 3.214 9.651 L 14.786 9.651 L 14.786 12.955 C 13.532 13.279 12.714 14.484 12.878 15.769 C 13.041 17.053 14.134 18.016 15.428 18.016 C 16.723 18.016 17.816 17.053 17.979 15.769 C 18.142 14.484 17.325 13.279 16.071 12.955 M 3.857 15.437 C 3.857 16.147 3.282 16.722 2.572 16.722 C 1.861 16.722 1.286 16.147 1.286 15.437 C 1.286 14.727 1.861 14.151 2.572 14.151 C 3.282 14.151 3.857 14.727 3.857 15.437 M 7.714 2.58 C 7.714 1.87 8.29 1.294 9 1.294 C 9.71 1.294 10.286 1.87 10.286 2.58 C 10.286 3.29 9.71 3.865 9 3.865 C 8.29 3.865 7.714 3.29 7.714 2.58 M 15.428 16.722 C 14.718 16.722 14.143 16.147 14.143 15.437 C 14.143 14.727 14.718 14.151 15.428 14.151 C 16.139 14.151 16.714 14.727 16.714 15.437 C 16.714 16.147 16.139 16.722 15.428 16.722" fill="rgb(0, 0, 0)" height="18.016311920580208px" id="GKXyVanMq" stroke-dasharray="0" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="0.5" stroke="rgb(0, 0, 0)" transform="translate(3 3)" width="18px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><defs ><linearGradient id="t2lXByE48-2031533640-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(255, 255, 255)"/><stop offset="1" stop-color="rgb(227, 224, 244)"/></linearGradient><linearGradient id="CBS1bzkxF-2031533640-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(255, 255, 255)"/><stop offset="1" stop-color="rgb(227, 224, 244)"/></linearGradient><linearGradient id="Jd7AK81w9-2031533640-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(255, 255, 255)"/><stop offset="1" stop-color="rgb(227, 224, 244)"/></linearGradient></defs><g d="M 0 16 L 0 0 L 16 0 L 16 16 Z M 9.167 5.167 C 9.167 4.891 8.943 4.667 8.667 4.667 C 8.391 4.667 8.167 4.891 8.167 5.167 C 8.167 6.784 7.809 7.834 7.155 8.488 C 6.501 9.143 5.451 9.5 3.833 9.5 C 3.557 9.5 3.333 9.724 3.333 10 C 3.333 10.276 3.557 10.5 3.833 10.5 C 5.451 10.5 6.501 10.857 7.155 11.512 C 7.809 12.166 8.167 13.216 8.167 14.833 C 8.167 15.109 8.391 15.333 8.667 15.333 C 8.943 15.333 9.167 15.109 9.167 14.833 C 9.167 13.216 9.524 12.166 10.178 11.512 C 10.832 10.857 11.883 10.5 13.5 10.5 C 13.776 10.5 14 10.276 14 10 C 14 9.724 13.776 9.5 13.5 9.5 C 11.883 9.5 10.832 9.143 10.178 8.488 C 9.524 7.834 9.167 6.784 9.167 5.167 Z M 4 3.667 C 4 3.483 3.851 3.333 3.667 3.333 C 3.483 3.333 3.333 3.483 3.333 3.667 C 3.333 4.32 3.189 4.715 2.952 4.952 C 2.715 5.189 2.32 5.333 1.667 5.333 C 1.483 5.333 1.333 5.483 1.333 5.667 C 1.333 5.851 1.483 6 1.667 6 C 2.32 6 2.715 6.145 2.952 6.382 C 3.189 6.618 3.333 7.013 3.333 7.667 C 3.333 7.851 3.483 8 3.667 8 C 3.851 8 4 7.851 4 7.667 C 4 7.013 4.145 6.618 4.382 6.382 C 4.618 6.145 5.013 6 5.667 6 C 5.851 6 6 5.851 6 5.667 C 6 5.483 5.851 5.333 5.667 5.333 C 5.013 5.333 4.618 5.189 4.382 4.952 C 4.145 4.715 4 4.32 4 3.667 Z M 7.333 1 C 7.333 0.816 7.184 0.667 7 0.667 C 6.816 0.667 6.667 0.816 6.667 1 C 6.667 1.422 6.573 1.65 6.445 1.778 C 6.317 1.906 6.089 2 5.667 2 C 5.483 2 5.333 2.149 5.333 2.333 C 5.333 2.517 5.483 2.667 5.667 2.667 C 6.089 2.667 6.317 2.761 6.445 2.889 C 6.573 3.016 6.667 3.244 6.667 3.667 C 6.667 3.851 6.816 4 7 4 C 7.184 4 7.333 3.851 7.333 3.667 C 7.333 3.244 7.427 3.016 7.555 2.889 C 7.683 2.761 7.911 2.667 8.333 2.667 C 8.517 2.667 8.667 2.517 8.667 2.333 C 8.667 2.149 8.517 2 8.333 2 C 7.911 2 7.683 1.906 7.555 1.778 C 7.427 1.65 7.333 1.422 7.333 1 Z" fill="transparent" height="16px" id="aoZYv33vR" width="16px"><path d="M 0 16 L 0 0 L 16 0 L 16 16 Z" fill="transparent" height="16px" id="Z2uGmhW9f" width="16px"/><g d="M 7.833 4.5 C 7.833 4.224 7.609 4 7.333 4 C 7.057 4 6.833 4.224 6.833 4.5 C 6.833 6.117 6.476 7.168 5.822 7.822 C 5.168 8.476 4.117 8.833 2.5 8.833 C 2.224 8.833 2 9.057 2 9.333 C 2 9.61 2.224 9.833 2.5 9.833 C 4.117 9.833 5.168 10.191 5.822 10.845 C 6.476 11.499 6.833 12.549 6.833 14.167 C 6.833 14.443 7.057 14.667 7.333 14.667 C 7.609 14.667 7.833 14.443 7.833 14.167 C 7.833 12.549 8.191 11.499 8.845 10.845 C 9.499 10.191 10.549 9.833 12.167 9.833 C 12.443 9.833 12.667 9.61 12.667 9.333 C 12.667 9.057 12.443 8.833 12.167 8.833 C 10.549 8.833 9.499 8.476 8.845 7.822 C 8.191 7.168 7.833 6.117 7.833 4.5 Z M 2.667 3 C 2.667 2.816 2.517 2.667 2.333 2.667 C 2.149 2.667 2 2.816 2 3 C 2 3.654 1.855 4.048 1.618 4.285 C 1.382 4.522 0.987 4.667 0.333 4.667 C 0.149 4.667 0 4.816 0 5 C 0 5.184 0.149 5.333 0.333 5.333 C 0.987 5.333 1.382 5.478 1.618 5.715 C 1.855 5.952 2 6.346 2 7 C 2 7.184 2.149 7.333 2.333 7.333 C 2.517 7.333 2.667 7.184 2.667 7 C 2.667 6.346 2.811 5.952 3.048 5.715 C 3.285 5.478 3.68 5.333 4.333 5.333 C 4.517 5.333 4.667 5.184 4.667 5 C 4.667 4.816 4.517 4.667 4.333 4.667 C 3.68 4.667 3.285 4.522 3.048 4.285 C 2.811 4.048 2.667 3.654 2.667 3 Z M 6 0.333 C 6 0.149 5.851 0 5.667 0 C 5.483 0 5.333 0.149 5.333 0.333 C 5.333 0.756 5.239 0.984 5.112 1.112 C 4.984 1.239 4.756 1.333 4.333 1.333 C 4.149 1.333 4 1.483 4 1.667 C 4 1.851 4.149 2 4.333 2 C 4.756 2 4.984 2.094 5.112 2.222 C 5.239 2.35 5.333 2.578 5.333 3 C 5.333 3.184 5.483 3.333 5.667 3.333 C 5.851 3.333 6 3.184 6 3 C 6 2.578 6.094 2.35 6.222 2.222 C 6.35 2.094 6.578 2 7 2 C 7.184 2 7.333 1.851 7.333 1.667 C 7.333 1.483 7.184 1.333 7 1.333 C 6.578 1.333 6.35 1.239 6.222 1.112 C 6.094 0.984 6 0.756 6 0.333 Z" fill="transparent" height="14.66671286102295px" id="ae6ccdFme" transform="translate(1.333 0.667)" width="12.66663px"><path d="M 5.833 0.5 C 5.833 0.224 5.609 0 5.333 0 C 5.057 0 4.833 0.224 4.833 0.5 C 4.833 2.117 4.476 3.168 3.822 3.822 C 3.168 4.476 2.117 4.833 0.5 4.833 C 0.224 4.833 0 5.057 0 5.333 C 0 5.61 0.224 5.833 0.5 5.833 C 2.117 5.833 3.168 6.191 3.822 6.845 C 4.476 7.499 4.833 8.549 4.833 10.167 C 4.833 10.443 5.057 10.667 5.333 10.667 C 5.609 10.667 5.833 10.443 5.833 10.167 C 5.833 8.549 6.191 7.499 6.845 6.845 C 7.499 6.191 8.549 5.833 10.167 5.833 C 10.443 5.833 10.667 5.61 10.667 5.333 C 10.667 5.057 10.443 4.833 10.167 4.833 C 8.549 4.833 7.499 4.476 6.845 3.822 C 6.191 3.168 5.833 2.117 5.833 0.5 Z" fill="url(%23t2lXByE48-2031533640-linear-gradient)" height="10.66671px" id="t2lXByE48" transform="translate(2 4)" width="10.66663px"/><path d="M 2.667 0.333 C 2.667 0.149 2.517 0 2.333 0 C 2.149 0 2 0.149 2 0.333 C 2 0.987 1.855 1.382 1.618 1.618 C 1.382 1.855 0.987 2 0.333 2 C 0.149 2 0 2.149 0 2.333 C 0 2.517 0.149 2.667 0.333 2.667 C 0.987 2.667 1.382 2.811 1.618 3.048 C 1.855 3.285 2 3.68 2 4.333 C 2 4.517 2.149 4.667 2.333 4.667 C 2.517 4.667 2.667 4.517 2.667 4.333 C 2.667 3.68 2.811 3.285 3.048 3.048 C 3.285 2.811 3.68 2.667 4.333 2.667 C 4.517 2.667 4.667 2.517 4.667 2.333 C 4.667 2.149 4.517 2 4.333 2 C 3.68 2 3.285 1.855 3.048 1.618 C 2.811 1.382 2.667 0.987 2.667 0.333 Z" fill="url(%23CBS1bzkxF-2031533640-linear-gradient)" height="4.66667px" id="CBS1bzkxF" transform="translate(0 2.667)" width="4.66667px"/><path d="M 2 0.333 C 2 0.149 1.851 0 1.667 0 C 1.483 0 1.333 0.149 1.333 0.333 C 1.333 0.756 1.239 0.984 1.112 1.112 C 0.984 1.239 0.756 1.333 0.333 1.333 C 0.149 1.333 0 1.483 0 1.667 C 0 1.851 0.149 2 0.333 2 C 0.756 2 0.984 2.094 1.112 2.222 C 1.239 2.35 1.333 2.578 1.333 3 C 1.333 3.184 1.483 3.333 1.667 3.333 C 1.851 3.333 2 3.184 2 3 C 2 2.578 2.094 2.35 2.222 2.222 C 2.35 2.094 2.578 2 3 2 C 3.184 2 3.333 1.851 3.333 1.667 C 3.333 1.483 3.184 1.333 3 1.333 C 2.578 1.333 2.35 1.239 2.222 1.112 C 2.094 0.984 2 0.756 2 0.333 Z" fill="url(%23Jd7AK81w9-2031533640-linear-gradient)" height="3.333333px" id="Jd7AK81w9" transform="translate(4 0)" width="3.3333399999999997px"/></g></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g d="M 2 8 C 0.895 8 0 7.105 0 6 L 0 2 C 0 0.895 0.895 0 2 0 L 6 0 C 7.105 0 8 0.895 8 2 L 8 6 C 8 7.105 7.105 8 6 8 Z M 4 8 L 4 12 C 4 13.105 4.895 14 6 14 L 10 14 M 12 18 C 10.895 18 10 17.105 10 16 L 10 12 C 10 10.895 10.895 10 12 10 L 16 10 C 17.105 10 18 10.895 18 12 L 18 16 C 18 17.105 17.105 18 16 18 Z" fill="transparent" height="18px" id="Ioh1JC5rr" transform="translate(3 3)" width="18px"><path d="M 2 8 C 0.895 8 0 7.105 0 6 L 0 2 C 0 0.895 0.895 0 2 0 L 6 0 C 7.105 0 8 0.895 8 2 L 8 6 C 8 7.105 7.105 8 6 8 Z" fill="transparent" height="8px" id="ZrCrI93dV" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(0, 0, 0)" width="8px"/><path d="M 0 0 L 0 4 C 0 5.105 0.895 6 2 6 L 6 6" fill="transparent" height="6px" id="emltWYAiE" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(0, 0, 0)" transform="translate(4 8)" width="6px"/><path d="M 2 8 C 0.895 8 0 7.105 0 6 L 0 2 C 0 0.895 0.895 0 2 0 L 6 0 C 7.105 0 8 0.895 8 2 L 8 6 C 8 7.105 7.105 8 6 8 Z" fill="transparent" height="8px" id="WpBecYDfi" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(0, 0, 0)" transform="translate(10 10)" width="8px"/></g></svg>)
01
Scegli il tipo di evento
Imposta il tuo evento in Cal.com con le tue preferenze e disponibilità.
02
Scegli il tipo di incorporamento
Scegli un formato (inline, pop-up, pulsante o email) e copia il codice generato.
03
Regola il tuo incorporamento e pubblica
Aggiungi il codice al tuo sito web o app. Il tuo programmatore sarà attivo immediatamente!
01
Integrazione in linea
Mostra il calendario delle prenotazioni direttamente nel layout della tua pagina. Questa è l'opzione più popolare e senza soluzione di continuità per la programmazione in tempo reale sul tuo sito web.
02
Pulsante pop-up flottante
Utilizza un pulsante persistente che attiva un modulo di pianificazione. Aumenta la conversione senza disturbare il design della tua pagina web.
03
Pop-up tramite clic su elemento
Collega l'embed a un elemento personalizzato come un pulsante o un'immagine. Controlla esattamente come e quando gli utenti iniziano il processo di prenotazione.
03
Incorporamento email
Aggiungi link di prenotazione personalizzati nelle campagne email che aprono un modulo di prenotazione precompilato. Ideale per contatti e follow-up.
1
// Stile atomi con Javascript
2
3
const aspetto = {
4
tema : Personalizzato ,
5
variabili : {
6
fontFamily : ' Comic sans ' ,
7
colorePrimario : ' #101010 ' ,
8
coloreSfondo : ' #ffffff ' ,
9
colorText : ' #374151 ' ,
10
borderRadius : ' 6px ' ,
11
spacingUnit : ' 8px ' ,
12
}
13
} ;
14
const atomi = cal.atoms ( { clientSecret , aspetto } ) ;
15
01
Aumenta le conversioni del sito web con la pianificazione incorporata
Mantieni gli utenti sul tuo sito e riduci l'abbandono delle prenotazioni. Gli incorporamenti di Cal.com offrono un modo più rapido e intuitivo per convertire i visitatori in riunioni.
02
Abbina il tuo marchio a formati embed personalizzabili
Utilizza incorporamenti inline, popup o pulsanti per allinearti con il layout e il branding del tuo sito. Personalizza colori e stili per creare un'esperienza senza soluzione di continuità.
03
Impostazione veloce e completo controllo
Genera il tuo codice di incorporamento, incollalo nel tuo sito e vai in diretta. Gestisci l'intero flusso di prenotazione dall'inizio alla conferma senza allontanare gli utenti.
Generatore di snippet di incorporamento dinamico
Genera codice su misura per la tua configurazione Cal.com, inclusi il supporto per i team, gli ambienti self-hosted e il routing avanzato.
Formati di integrazione multipli
Scegli tra visualizzazioni inline, pulsanti o modali in base a come desideri attivare il flusso di prenotazione.
Aggiungi o limita gli intervalli di tempo disponibili
Mostra solo fasce orarie specifiche in un'embed in base al contesto o al tipo di utente. Controlla la disponibilità senza modificare le impostazioni principali del tuo evento.
Compila i campi del modulo di prenotazione
Utilizza i parametri di query per precompilare automaticamente nome, email o campi personalizzati per un'esperienza di prenotazione più veloce e personalizzata.
Monitora i parametri UTM negli embed
Embed cattura la sorgente UTM, il mezzo, la campagna e altri valori in modo da poter attribuire le prenotazioni ai canali giusti.
Ottimizzato per dispositivi mobili fin da subito
Ogni embed è responsive e funziona su tutte le dimensioni dello schermo. Non è necessaria alcuna configurazione aggiuntiva per gli utenti mobili.
Che cos'è l'incorporamento di Cal.com?
Cal.com Embed ti consente di integrare un widget di pianificazione completamente funzionale direttamente nel tuo sito web o app, permettendo agli utenti di prenotare appuntamenti senza lasciare il tuo sito. Puoi incorporare il widget come un calendario inline, un pulsante di pop-up fluttuante, un pop-up attivato dal clic su un elemento specifico o un link nelle tue email. Questa integrazione senza interruzioni migliora l'esperienza utente e migliora i tassi di conversione delle prenotazioni mantenendo i visitatori coinvolti sulla tua pagina.
Come incorporo Cal.com sul mio sito?
Integrare Cal.com sul tuo sito web è semplice. Per prima cosa, crea il tuo tipo di evento e configura le sue impostazioni e disponibilità nel dashboard di Cal.com. Una volta impostato il tuo evento, vai al Generatore di Snippet di Incorporamento nel tuo dashboard, seleziona il formato di incorporamento preferito (inline, pulsante flottante, popup attivato da clic, o incorporamento via email), e copia il codice generato. Poi, incolla il codice direttamente nel tuo HTML, CMS, o framework frontend. Il tuo widget di prenotazione sarà attivo e pronto all'uso immediatamente, completamente sincronizzato con il tuo account Cal.com.
Posso monitorare le campagne di marketing con prenotazioni integrate?
Puoi aggiungere manualmente i parametri di tracciamento UTM agli URL incorporati. Questo ti consente di tracciare la sorgente, il mezzo, la campagna e altri parametri chiave quando gli utenti interagiscono con il widget di prenotazione. Passando i parametri UTM tramite il link, puoi attribuire le prenotazioni a specifici sforzi di marketing, campagne o fonti di traffico.
Posso precompilare le informazioni dell'utente nel modulo di prenotazione?
Sì, puoi precompilare i campi nel modulo di prenotazione utilizzando i parametri di query URL. Ciò significa che puoi popolare automaticamente campi come il nome dell'utente, l'email o qualsiasi campo personalizzato che hai impostato. Ad esempio, puoi inviare un link di prenotazione personalizzato in un'email che ha già il nome e l'email dell'utente precompilati. Questo rende il processo di prenotazione più veloce e più user-friendly, riducendo le frizioni e migliorando i tassi di conversione. Scopri di più sulla precompilazione dei moduli nella nostra documentazione.
Quali formati di incorporamento sono supportati?
Cal.com supporta quattro formati di incorporamento chiave per soddisfare varie esigenze:
Incorporamento Inline: Visualizza il calendario direttamente all'interno del layout della tua pagina per un'interazione senza interruzioni per l'utente.
Pulsante a Comparsa Flottante: Aggiungi un pulsante persistente che attiva il modulo di prenotazione senza interrompere il layout della pagina.
Pop-up tramite Clic su Elemento: Attiva il modulo di pianificazione da qualsiasi elemento personalizzato, come un pulsante o un'immagine.
Incorporamento Email: Includi un link a un modulo di prenotazione precompilato all'interno delle tue email per una pianificazione facile e personalizzata.
Ogni formato è progettato per fornire flessibilità nel modo in cui visualizzi e interagisci con il tuo sistema di pianificazione, a seconda del design del tuo sito web e del flusso utente.
Posso controllare quali fasce orarie vengono mostrate in un embed?
Sì, puoi personalizzare completamente l'interfaccia utente del booker utilizzando il booker atom di Cal.com. Il booker atom è un componente modulare open-source che ti permette di costruire e personalizzare il tuo flusso di prenotazione. Puoi modificare il layout, sostituire i campi del modulo o ridisegnare completamente l'esperienza di prenotazione per adattarla all'aspetto e al sentire del tuo marchio. Utilizzando singoli booker atom come DatePicker, TimeSelector e ContactForm, puoi avere un controllo preciso su ogni elemento del processo di prenotazione. Questo ti offre la flessibilità di creare un'esperienza personalizzata e marchiata all'interno della tua app o sito web. Per ulteriori dettagli, visita la nostra documentazione del booker atom.
L'incorporamento funziona con Cal.com auto-ospitato?
Sì, la funzione di incorporamento funziona sia con le configurazioni Cal.com ospitate su cloud che auto-ospitate. Che tu stia utilizzando la versione ospitata di Cal.com o implementandola sulla tua infrastruttura, la funzionalità di incorporamento rimane pienamente operativa. La generazione di snippet è dinamicamente adattata in base alla tua configurazione e puoi configurarla per funzionare perfettamente all'interno del tuo ambiente auto-ospitato.
Incorpora un widget di prenotazione online nel tuo sito web istantaneamente con Cal.com
Inizia ad incorporare la pianificazione nel tuo sito oggi. Nessun plugin o reindirizzamenti. Solo prenotazioni pulite, rapide e ad alta conversione.
