> ## 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 Chat

> Learn how to embed an inline chat component with Libraria AI.

### Chat View

Embed your chatbot inline in your website.

<Frame caption="Inline Chat View Example">
  <img src="https://mintlify.s3-us-west-1.amazonaws.com/bogpad/images/vanilla-js/embeddings/chat-view-2.png" alt="Inline Chat View Example" />
</Frame>

To embed the chat view, use the following code snippet.

The height set for the chat view is **500 pixels**. You can change its height by changing the value of the `height` attribute.

```html
<div id="libraria-chat-widget" data-librariaslug="your_library_name" style="height:500px;"></div>
<script src="https://libraria-prod.s3.us-west-1.amazonaws.com/public/embed-chat-inline-v.0.0.01.js"></script>
```
