# Integrating Your Search Bar with Direqt

You might already have a search bar on your site, or maybe you'd like to build a custom one for use with AI Search. Direqt can integrate with any search bar.

***

Add the CSS class below to your existing search input to integrate it with Direqt.&#x20;

```css
direqt-search-input
```

For example:

| Existing                                   | New                                                                    |
| ------------------------------------------ | ---------------------------------------------------------------------- |
| `<input type="text" placeholder="Search">` | `<input type="text" placeholder="Search" class="direqt-search-input">` |

{% hint style="success" %}
Your search bar placeholder text should now read "Ask \[Site Name]".  You can customize this text on the **Style** page of the dashboard.
{% endhint %}

Direqt will automatically detect this class and respond to all inputs from your search bar.
