# 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.***

<figure><img src="/files/C2Wj57dv5iR8GzOAL4Cd" alt=""><figcaption></figcaption></figure>

### 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\]](https://codesandbox.io/s/inline-demo-react-for-docs-xps99g?file=/src/App.js)

[CodeSandbox link\[HTML\] ](https://codesandbox.io/s/vanillajs-week-view-inline-y9wgxc?file=/index.html)

<figure><img src="/files/zU0xsxPjUskwy7yRSbvm" alt=""><figcaption></figcaption></figure>

### Pop-up via element click

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

[CodeSandbox link\[React\]](https://codesandbox.io/s/element-click-popup-h5c5v2?file=/public/index.html)

[CodeSandbox link\[HTML\]](https://codesandbox.io/s/popup-on-click-of-an-existing-element-framework-agnostic-forked-7pl95c?file=/index.html)

<figure><img src="/files/tmfALTRqtj49sPrEPDEr" alt=""><figcaption></figcaption></figure>

### 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\]](https://codesandbox.io/s/floating-button-popup-react-forked-9y5g95?file=/public/index.html)

[CodeSandbox link\[HTML\]](https://codesandbox.io/s/embed-floating-button-popup-framework-agnostic-mg7339?file=/src/index.js)

<figure><img src="/files/wVVvxr1k6wMcedTsi1Ho" alt=""><figcaption></figcaption></figure>

##


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://calcom.gitbook.io/docs/core-features/new-docs-embed/adding-embed-to-your-webpage.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.