# Embedding the Direqt Search Bar

Don't have a search bar on your site yet? Not a problem! Direqt has a pre-built search bar widget you can add to your site with a single line of code.

***

### Installation

Place the element below into your site's HTML wherever you want the search bar to appear:

```html
<direqt-search-bar></direqt-search-bar>
```

{% hint style="success" %}
A search bar with the placeholder text  "Ask \[Site Name]" should now appear on your page.&#x20;
{% endhint %}

### Customization

You can customize the font family, font color, and placeholder text of the Direqt search bar on the **Style** page of the dashboard.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.direqt-search.com/search-bars/embedding-the-direqt-search-bar.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.