# Quick-Start

You've just signed up for Direqt. You might be wondering, what do I do now? How do I get my new search running on my site?

You've come to the right place. Follow the steps below to launch your new search experience.

***

{% stepper %}
{% step %}

### Create a Search Engine

On the **My Search Engines** page of the [dashboard](https://dashboard.direqt.ai/login), click "Create Search Engine". On the next page, enter the URL of the site you want to run search on. We'll immediately begin crawling your website to discover its webpages and build a searchable index.&#x20;

{% hint style="info" %}
The indexing process can take several hours to fully complete, but partial search functionality is typically ready for basic testing within 10-15 minutes.
{% endhint %}
{% endstep %}

{% step %}

### Test Some Queries

After 10-15 minutes, select "Search Preview" from the side bar on the left. Try testing a few search queries! If your website's pages are indexable, you should see some results. Remember, if you have a large website you may not be able to access all of its pages through the search engine right away.

{% hint style="info" %}
If the search engine cannot find any results after 30 minutes of indexing, consider some of [these best practices](https://docs.direqt-search.com/content-indexing/indexing-best-practices) to improve your site's search engine optimization.
{% endhint %}
{% endstep %}

{% step %}

### Configure your Search Experience

Navigate to the "Installation" page from the side bar. Here you can specify how you want to integrate Direqt with your website.

The first option allows you to choose whether you want to embed a Direqt search bar on your website, or integrate Direqt into an existing search bar on your website.

For more information, check out these links:

[embedding-the-direqt-search-bar](https://docs.direqt-search.com/search-bars/embedding-the-direqt-search-bar "mention")[integrating-your-search-bar-with-direqt](https://docs.direqt-search.com/search-bars/integrating-your-search-bar-with-direqt "mention")

Next, for the purposes of this quick-start, select "Dedicated search page" for your search layout. This means your search results will appear as a pop-up on your website. You can configure your search results to be on a dedicated page later.
{% endstep %}

{% step %}

### Add Your Embed Script

Click "Get My Installation Instructions" at the bottom of the installation page. This will give you a personalized embed script to add Direqt to your webpage. It will look something like this:

```html
<script async src="https://embed.direqt-search.com/embed.js?id=YOUR_BOT_ID"></script>
```

Copy and paste your unique script into either the `<head>` or `<body>` section of your webpage's HTML file.&#x20;

{% hint style="danger" %}
This snippet varies from project to project, so make sure you use your *own* embed script from the dashboard rather than paste the one from this guide to your website.
{% endhint %}
{% endstep %}

{% step %}

### Install Your Search Bar of Choice

Based on the search bar you chose in step 3, follow the instructions below to install it on your site

{% tabs %}
{% tab title="My site already has a search bar" %}
Add a new CSS class of `direqt-search-input` to your search bar. This will look something like this:

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

Your search bar's appearance will remain unaltered, but Direqt will now handle the results.
{% endtab %}

{% tab title="My site needs a search bar" %}
You can add Direqt's pre-built search bar to your site.

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

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

{% endtab %}
{% endtabs %}
{% endstep %}
{% endstepper %}

{% hint style="success" %}
A Direqt overlay window should now pop up when you submit a query in the search bar. Congratulations, you have successfully integrated Direqt search! :tada:
{% endhint %}

To further customize the look and behavior of AI Search on your site, check out our [style-customization](https://docs.direqt-search.com/customization/style-customization "mention") and [results-layout](https://docs.direqt-search.com/customization/results-layout "mention") options.
