# Embedded mode

> For the complete documentation index, see [llms.txt](/llms.txt)

> Embed the Biel.ai chatbot directly into your page layout instead of using a floating button.

Embedded mode renders the chatbot inline in your page layout instead of as a floating button. Use it to build dedicated help pages or embed the chatbot within a specific section of your site.

## Preview

<biel-bot project="dl1kps0old" embedded-mode="true"></biel-bot>

## Add embedded mode

Add the following to your HTML:

```html
<script type="module" src="https://cdn.jsdelivr.net/npm/biel-search@latest/dist/biel-search/biel-search.esm.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/biel-search@latest/dist/biel-search.css">
<biel-bot project="<PROJECT_ID>" embedded-mode="true"></biel-bot>
```

Replace `<PROJECT_ID>` with your project's ID from the [Biel.ai dashboard](https://app.biel.ai).