Add search generative experience to your website

Embed agent on your search results page to get Search Generative Experience — a new way to search your website with Generative AI. This gives your users much better responses than classic search, as your agent is able to provide quality and digested responses, together with sources.

When this agent is embedded on the page with search results, it will automatically detect the searched term and instantly provide the relevant response.

Add the code snippet

Simply insert the following code into the appropriate section of your website where you want the agent box and generated responses to appear.

<div id="customgpt_chat"></div> <script src="https://cdn.customgpt.ai/js/sge.js" defer="" div_id="customgpt_chat" p_id="PROJECT_ID" p_key="PROJECT_KEY"></script>

You should replace "PROJECT_ID" and "PROJECT_KEY" with appropriate values for your project.

CRM Integration is available with Copilot and should be configured by following the respective setup guide - including enabling them in the project’s settings on the Copilot’s page.

How Search Generative Experience works

Search Generative Experience agent uses standard URL parameters to detect the search term, for example something like "example.com/?search=CustomGPT".

Parameters supported by default are "q", "s", "id", "cat", "utm", "ref", "page", "user", "sort", "lang", "type", "term", "terms", "query", "search", "filter", "userid", "filters", "keyword", "keywords", "language", "category" and "categories".

Using the Custom Search Parameter

If your website’s URL structure uses a search parameter that is not on the default list, you can configure a Custom Search Parameter:

The value you enter in this field will take priority over the default parameters.

This feature is also useful if your website uses any of the default parameters for purposes unrelated to search. In such cases, specifying the actual search parameter here ensures that the Search Generative Experience agent correctly identifies search queries without interference.

You can find more information in our article How to Set a Custom Search Parameter in Search Generative Experience.

Customizing embedded element

You can customize the element’s height in the project’s settings on the Search Generative Experience page.