Skip to main content

Overview

The AI Search plugin puts an AI search box on one page of your website. Use it when you want a search page, or when one page needs different settings (for example other colours) than the rest of the website. Settings for the whole website are on the Search tab. The plugin settings only apply to the page where you add it.

Interactive Demo

Add the Plugin to a Page

  1. Open the page in the page module (Web → Page, on TYPO3 v14 Content → Layout).
  2. Click + Content.
  3. Open the Plugins tab.
  4. Choose AI Search. (It is currently listed as AI Search Search.)
  5. Open the Plugin tab of the new content element.
  6. Set up the tabs General, Search Box and Search Results (see below).
  7. Click Save.
  8. Open the page on your website and try a search.

General

How the search box looks.
  • Title – a heading above the search box.
  • Select Style – Default uses your website design. Customized Style uses the colours you pick here.
  • Box Layout – Box or Full (full width).
  • Search Icon, Select Loader (loading animation), Border Radius (corners).
  • Primary Color, Secondary Color, Text Color – only used with Customized Style.
  • Button Class / Input Class – optional style names from your website design. Ask your developer; only used with Default.
The input field and example questions.
  • Search Form Type – Default or With Button.
  • Button Type – Search Icon or With Label. With a label, enter the Search Button Text.
  • Search Input Placeholder – the grey hint text in the field.
  • Recent Search – show the visitor’s last searches. Recent Search Title is the heading above them.
  • Predefined Questions – show clickable example questions.
  • Question Position, No. of questions limit, Questions storage folder(s) – where they show, how many, and the folder that holds them.

Search Results

How answers look.
  • Enable Reference Links – links to the pages or files the answer comes from.
  • Enable chatbot mode – visitors can ask follow-up questions.
  • Enable search feedback (thumbs) – visitors rate answers; you see the ratings in Usage Analytics.
  • Enable voiceover – a play button reads the answer aloud.
  • Enable dark mode – adds a light/dark switch to the answer area.
  • Result Style – Summarize, Short Answer or Long Answer.
These settings only apply to this content element. For the whole website, use AI Universe → AI Chatbot/Search → Search.

Tips

  • Keep Default style unless the page needs its own colours.
  • Turn on Enable chatbot mode on help or FAQ pages.
  • Show 3–5 example questions, not more.
  • After saving, test a real question on the website.