Displaying search results inline (old)

This setup allows you to place the AI Search Box on your website and display the search results inline (immediately below the search box).

πŸ“Œ Embed this code:

Replace the placeholders with your actual API key and domain:

<!-- Chat Widget Container -->
<div
  id="chat-container"
  data-prorata-widget="chat"
  data-api-key="...your key here..."
  data-user-id="...your domain here..."
  data-show-popovers="true"
  data-follow-up-prompt-mode="inline"
  data-theme="light"
  data-default-prompt="Ask me anything..."
></div>

<!-- Include the ChatWidget script -->
<script src="https://prtdevpublicstorage.blob.core.windows.net/gistwidgets/chatWidget.bundle.js"></script>

Required Parameters

  • data-api-key: Your unique ProRata API key.
  • data-user-id: Your domain or organization identifier.
  • data-default-prompt (optional): Customize the default message in the chat box.
  • data-theme: Choose between "light" or "dark" depending on your site's design.

Once embedded, the widget will be active and ready to deliver AI-powered search results.