Skip to main content

Embedded mode

Place the assistant inline on a help page or within a 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/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.

Hosting the widget in an iframe​

For an iframe integration, provide the host page explicitly:

<biel-bot
  project="<PROJECT_ID>"
  embedded-mode="true"
  current-page-url="https://docs.example.com/install">
</biel-bot>

Update the widget's currentPageUrl property when the host navigates. Without an override, the widget sends its own browser URL, which is the iframe URL. The assistant can read the supplied page only when it matches accessible indexed content.