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]

CodeSandbox link[HTML]

Pop-up via element click

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

CodeSandbox link[React]

CodeSandbox link[HTML]

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]

CodeSandbox link[HTML]

Last updated

Logo

Copyright 2023 Cal.com, Inc. All rights reserved.