Embedded mode

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

Add embedded mode

Add the following to your 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.