Quick-Start
Get up and running with AI Search in minutes
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.
Create a Search Engine
On the My Search Engines page of the dashboard, 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.
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.
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 BarIntegrating Your Search Bar with Direqt
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.
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:
<script async src="https://embed.direqt.ai/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.
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.
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
Add a new CSS class of direqt-search-input to your search bar. This will look something like this:
<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.
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:
<direqt-search></direqt-search>A Direqt overlay window should now pop up when you submit a query in the search bar. Congratulations, you have successfully integrated Direqt search! 🎉
To further customize the look and behavior of AI Search on your site, check out our Style Customization and Results Layout options.
Last updated