Adding embed to your webpage

Adding to your webpage

You can get the embed snippet to be installed on your webpage from the Embed Snippet Generator within the app as follows. The snippets provided here are automatically updated as per the cal.com instance. So, even when you are self hosting, you can simply copy and paste the snippets from here.

Inline

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]arrow-up-right

CodeSandbox link[HTML] arrow-up-right

Pop-up via element click

Show the embed, on click of any element on your webpage, in a popup

CodeSandbox link[React]arrow-up-right

CodeSandbox link[HTML]arrow-up-right

Floating button pop-up

Adds a floating button that can be customized and on clicking that the embed shows up in a popup.

CodeSandbox link[React]arrow-up-right

CodeSandbox link[HTML]arrow-up-right

Last updated

Was this helpful?