You can get the embed snippet, to install on your webpage, from the Embed Snippet Generator, within the app.
The snippets provided are automatically updated as per the cal.com instance. So, even when self hosting, you can simply copy and paste the snippets from there
There are four ways in which you can embed your Cal.com event type.
Show the embed inline anywhere on the webpage. It let’s you show the embed at a particular place in your webpage.
CodeSandbox link[React] CodeSandbox link[HTML]
Show the embed, on click of any element on your webpage, in a popup
CodeSandbox link[React] CodeSandbox link[HTML]
Adds a floating button that can be customized and on clicking that the embed shows up in a popup.
CodeSandbox link[React] CodeSandbox link[HTML]
rick/get-rick-rolled
. You can get the snippet from the event-type page.rick/get-rick-rolled => rick
forms/YOUR_FORM_ID
. You can get the snippet for that from the Routing Form page.You can get the embed snippet, to install on your webpage, from the Embed Snippet Generator, within the app.
The snippets provided are automatically updated as per the cal.com instance. So, even when self hosting, you can simply copy and paste the snippets from there
There are four ways in which you can embed your Cal.com event type.
Show the embed inline anywhere on the webpage. It let’s you show the embed at a particular place in your webpage.
CodeSandbox link[React] CodeSandbox link[HTML]
Show the embed, on click of any element on your webpage, in a popup
CodeSandbox link[React] CodeSandbox link[HTML]
Adds a floating button that can be customized and on clicking that the embed shows up in a popup.
CodeSandbox link[React] CodeSandbox link[HTML]
rick/get-rick-rolled
. You can get the snippet from the event-type page.rick/get-rick-rolled => rick
forms/YOUR_FORM_ID
. You can get the snippet for that from the Routing Form page.