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