​
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.

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 Oracle Button. You can choose style the button or div however you want. Be creative!

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>