> ## 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.
# Search
> Learn how to embed a Search component on your website.
### Search
When any type of search bar is clicked, a modal which occupies a small portion of the page will pop up and the user will be able to send a message.
When you message the assistant, the view changes to a chat box, which gives you a more interactive and user-friendly way to talk to the assistant.
There are two types of Search bars.
* **Search Bar**
To embed this search bar, copy the code snippet and follow the instructions below:
```html Search Bar
⌘
K
```
To embed the chatbot with user options, use the code snippet and follow the instructions below:
```html Search Bar with User Options
⌘
K
```
1. The `key` is used used for authenticating and accessing the assistant. Add quotation marks around the key when you paste it.
```bash
window.Libraria.initialize("YOUR_LIBRARY_KEY");
```
2. After enclosing the key in quotation marks. Make sure that the `name`, `email`, and `userId` must be filled with the actual user information they represent.
```bash
{
name: "user_name", // Full name
email: "user_email", // Email address
userId: "user_id" // currentUserId
}
```
* **Search Bar with Icon**
To embed the search bar with icon, use the following code snippet:
```html Search Bar with Icon
When you message the assistant, the view changes to a chat box, which gives you a more interactive and user-friendly way to talk to the assistant.
There are two types of Search bars.
* **Search Bar**
To embed this search bar, copy the code snippet and follow the instructions below:
```html Search Bar
To embed the search bar with icon, use the following code snippet:
```html Search Bar with Icon
```