> For the complete documentation index, see [llms.txt](https://docs.deepconverse.com/product-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.deepconverse.com/product-docs/guides/embedding-guides-on-your-website.md).

# Embedding Guides on your website

Guides can be added to your website via two methods. You can either embed a specific Guide directly on a webpage or have the Guide open in a popup on the page. Both these methods are fairly simple and allow flexibility in adding Guides to your websites.

### Embed a Guide on a Webpage

Each Guide has a unique URL that can be used to open it. To embed the Guide in your webpage you can use the URL and add it as an IFrame on the webpage. &#x20;

To get the IFrame code snippet Open the Guide you would like to deploy and click **Advanced** **>** **Deployment**.

### Show Guide in a popup Modal

We also support showing a Guide in a modal popup. This allows use of the majority of the screen a user has with the Guide in focus. We provide a lightweight script that runs an IFrame Guide in a modal window.&#x20;

The modal is shown when any of the HTML elements (such as buttons, links etc.) containing the CSS class **dc-guide-{guide\_id}** are clicked.

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