Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.libraria.ai/llms.txt

Use this file to discover all available pages before exploring further.

​
Inline Oracle View

There are two types of views available for the Inline Oracle Embedding.
  • Full View with Avatar Provides a comprehensive view of the assistant that spans across a substantial portion of your webpage. It features an avatar of the assistant.
Oracle Full View with Avatar
To embed the full view with avatar, use the following code snippet.
Oracle Full View Vanilla JS
<div id="libraria-widget"></div>
<script src="https://libraria-prod.s3.us-west-1.amazonaws.com/public/embed-v0.0.01.js"></script>
<script>
  window.Libraria.initializeOracle("<YOUR_LIBRARY_KEY>");
</script>
  • Compact View Designed to occupy a small portion of your webpage by default. Initially, only the text box for user input is visible.
Oracle Compact View
When the user sends a message, the view transforms, expanding into a chat box. This expansion provides interactive and user-friendly chat interface for continued interactions with the assistant. InlineOracleCompactView2
Oracle Compact View Vanilla JS
<div id="libraria-widget"></div>
<script src="https://libraria-prod.s3.us-west-1.amazonaws.com/public/embed-v0.0.01.js"></script>
<script>
    window.Libraria.initializeOracle("<YOUR_LIBRARY_KEY>");
</script>
Pop up your assistant via a button.
Popup Assistant Button
Popup Oracle Modal
To embed the popup overlay oracle view, use the following code snippet. The button’s label by default is “Ask Libraria” but you can change it by replacing the text between <button> </button>.
Popup Modal Oracle
<button id="libraria-popup" style="cursor: pointer;" data-librariaslug="your_library_name">Ask Libraria</button>
<script src="https://libraria-prod.s3.us-west-1.amazonaws.com/public/embed-popup.js"></script>